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.关于图片上传和文件上传的在下一篇中再讲到~

  • 相关阅读:
    淘宝质量属性场景分析
    关于软件架构师如何工作(阅读架构漫谈感悟)
    06有效需求设计阅读笔记之六
    05有效需求设计阅读笔记之五
    xxx征集系统项目目标文档
    04有效需求设计阅读笔记之四
    03有效需求设计阅读笔记之三
    02有效需求设计阅读笔记之二
    01有效需求设计阅读笔记之一
    问题账户需求分析
  • 原文地址:https://www.cnblogs.com/ChenRunCheng/p/2913404.html
Copyright © 2011-2022 走看看