2025年秀米图文排版UEditor插件示例

秀米图文排版UEditor插件示例UEditor 是由百度研发的所见即所得富文本 web 编辑器 如果你对 UEditor 还不太了解 请移步 UEditor 的首页 你也可以在此先试用一下秀米插件在 UEditor 上的使用效果 请点击工具栏最后的那个 秀米 按钮来试用 唤起秀米后 你可以随意编辑排版内容 然后点击秀米页面顶部的 对勾 按钮

大家好,我是讯享网,很高兴认识大家。

自定义标题
段落格式
字体
字号
代码语言

好,你已经试用过秀米插件了,现在我们来看看怎么把秀米插件添加到你的UEditor中吧

如果你将其放置于其他目录,请修改 xiumi-ue-dialog-v5.js中相应的内容:
iframeUrl: 'xiumi-ue-dialog-v5.html', //将此处的值改为实际的文件路径
修改UEditor的配置(ueditor.config.js),将其中的“xxs过滤白名单”加上
section:['class', 'style'],
修改的内容请参考下图: 
修改前:   修改后:  
否则UEditor会修改秀米插入内容中的section格式信息,造成排版错误。 
做完了前3步,你的UEditor已经可以做到和本页面的示例一样的功能了, 不过,由于秀米提供的图片地址不能直接应用在你的网站中,你需要将秀米的图片通过UEditor 的图片上传功能把图片转存到你自己的服务器上。


讯享网

如果你不实现图片转存,图片的地址是这样的: 

具体怎么做呢?

首先,你要确保在UEditor的前端设置(ueditor.config.js)中打开了“远程图片抓取到本地保存”, 如下图: 

小讯
上一篇 2025-03-31 21:18
下一篇 2025-02-05 20:54

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/18669.html