zoukankan      html  css  js  c++  java
  • UEditor使用方法,制成用户控件,直接拖控件。

    因为要做个编辑类的网站,在网上找了现成的编辑器,刚开始用了CKEditor,毕竟是国外的用起来没有百度的UEditor那么顺手捻来!但是个人感觉CKEditor总是比UEditor强大点。刚开始用UEditor也出现过很多错误,比如图片上传地址,文件地址问题,图标不显示,布局又乱等问题…废话又多了,直接上方法。

    这里我把UEditor封装成了一个用户控件,要用直接拖控件行了!

    1.先到Ueditor下载Uedior    http://ueditor.baidu.com/website/download.html.下载回来后如果需要精简可以精简一下,找自己需要的。并把带有_开头的文件夹都可以删除掉,那是提供的例子。

    2.新建一个空的网站并建一个用户控件页面和空Web窗体页面

    2.然后我们把下载回来的UEditor放到要目录下,之后我们的项目 应该是下面这样的:

    3.然后双击UEditorUserControl.ascx,并在其中添加

    如下:

    并在后台添加一下content_Str字段用来接收前台编辑器中的值

    也许你可以像我这样:

    到此为止已经制作好了自己的控件。

    下面的是使用了

    当我们预览的时候就可以看见惊人的效果了!

    问题总结下:

    1.当我们看不到编辑栏的时候,检查一下window.UEDITOR_HOME_URL,应该是这里的UEditor的地址有错误。或者是你的添加的js文件路径有错误,暂时先不用怀疑Editor里的的配置

    2.如果出现布局方面的错误可能是和其他控件有冲突,或者是你页面的js和其他后台js位置有问题!

    3.关于图片上传和文件上传的在下一篇中再讲到~

  • 相关阅读:
    随机抢红包算法实现
    C#Random函数在循环中每次获取一样的值
    YouTube Cobalt 浏览器支持
    原生js,通过document.getElementByClassName获取元素的索引值
    http请求415错误Unsupported Media Type
    axios
    vue项目中,localhost可以访问,IP无法访问的问题
    时间戳
    Vue.Draggable:基于 Sortable.js 的 Vue 拖拽组件使用中遇到的问题
    empty 与 remove 的区别
  • 原文地址:https://www.cnblogs.com/ChenRunCheng/p/2913404.html
Copyright © 2011-2022 走看看