美文网首页
百度富文本 ueditor 使用分享

百度富文本 ueditor 使用分享

作者: 香芋牛奶面包 | 来源:发表于2016-09-11 16:45 被阅读305次

    一、安装ueditor

              安装ueditor 非常简单,下载地址:http://ueditor.baidu.com/website/download.html

              下载完解压之后的目录:

    1

    dialogs:弹出对话框对应的资源和JS文件

    themes:样式图片和样式文件php/jsp/.net:涉及到服务器端操作的后台文件,根据你选择的不同后台版本,这里也会不同,这里我们选择php

    third-party:第三方插件(包括代码高亮,源码编辑等组件)

    editor_all.js:_src目录下所有文件的打包文件(用于发布版本)

    editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

    editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录

    二,解压完之后将整个目录都拷到工程中的目录下

             拷完之后我的目录:

    2

    三,接下来就可以正式使用ueditor了

    在使用之前还需要配置一个地方,打开ueditor.config.js文件,修改如下图所示的地方,为你所导入的ueditor资源文件所在的相对路径

    3

    在jsp文件中添加以下js文件

    4

    在页面写:

    5 6

    最后启动浏览器 看页面是否有显示,正常应该显示如下:

    7

    至此 大功告成!

    相关文章

      网友评论

          本文标题:百度富文本 ueditor 使用分享

          本文链接:https://www.haomeiwen.com/subject/bvvuettx.html