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.关于图片上传和文件上传的在下一篇中再讲到~
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步