天天看点

百度的UEditor富文本控件的使用

文件目录结构 

      -dialogs

      -lang

      -themes

      - third-party

    -index.html

        -umeditor.config.js

-umeditor.js

dialogs 中主要放置 emotion  image  link map video  的js css image文件

上传图片相关的文件在dialogs下的image下

视频相关的文件在dialogs下的video下

自定义菜单时可以设置 umeditor.config.js 中的toolbar 进行设置, 同类的按钮包含咋 “|    |”, 在自定义的按钮时对不使用的按钮需要去除对应的js文件,可以

避免文件下载, 需要在umeditor下的UM.registerUI进行设置, 在 toolbar中去除的在配置中同样需要去除;

umeditor可以通过getContent获取富文本的内容, 通过setContent初始化富文本的内容, 但是避免出问题在进行初始化时需要使用ready(function(){}).

有个上传图片的问题 需要在umeditor.config.js中配置上传的路径和访问图片的路径  imageUrl : 上传的路径, imagePath : 下载的路径

上传完成成后的回调函数在image.js中 Upload对象的uploadComplete方法, 插件判断成的状态为“SUCCESS” 此处需要根据具体情况设置对应的编码

继续阅读