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、C++混合调用
    20211027 投资策略优化
    2021投资策略
    程序猿多个对象的友好管理方式IOC容器
    欧几里德算法--求最大公约数
    C语言查找一个字符串中指定字符的个数
    linux下OpenSSL的RSA密钥生成
    文章目录
    python之禅
    EF 6.0 与sql ce 4.0 程序示例
  • 原文地址:https://www.cnblogs.com/ChenRunCheng/p/2913404.html
Copyright © 2011-2022 走看看