135编辑器 html,135编辑器，微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑-...

项目本身使用百度的ueditor编辑器，可免费集成外部调用135编辑器的方式来使用。也可申请与APPKEY，做到135用户绑定的方式，实现打开插件时免登录。使用非ueditor编辑器的，集成方式可参看这里，如有任何疑问可联系QQ: 285694665，微信: hncszdb

下载插件

将插件的两个文件下载到项目ueditor对应的目录里，并将135editor.js加载到自己的网页里(放在ueditor.all.min.js之后)

http://www.135editor.com/js/ueditor/plugins/135editor.js

view-source:http://www.135editor.com/js/ueditor/dialogs/135editor/135EditorDialogPage.html

//由于百度统计变更，影响直接触发“完成编辑”返回。老版本使用的用户，需要在135EditorDialogPage.html文件的40行增加一行代码。

window.addEventListener('message', function (event) {

if (typeof event.data !== 'string') return; // 增加此行代码

editor.setContent(event.data);

dialog.close();

}, false);

修改配置文件

在ueditor.config.js中toolbars项里增加一个135editor菜单项，

toolbars:[

['bold','italic', 'underline', 'fontborder', 'strikethrough', '135editor','rowspacingtop', 'rowspacingbottom', 'lineheight','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','superscript', 'subscript' ]],

增加CSS代码

在自己的项目调用编辑器的网页里中增加一段CSS

.edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{

background-image: url("http://static.135editor.com/img/icons/editor-135-icon.png") !important;

background-size: 85%;

background-position: center;

background-repeat: no-repeat;

}

完成上述3个步骤后，调用方式的插件就已经集成完毕了。可在下面的样例中体验。

请点击下方工具栏“135”

的按钮来打开135编辑器，

唤起135编辑器后，在编辑区域排版内容，点击右侧“完成编辑”就会将所有内容自动返回到自己的编辑器里面。

135编辑器 html,135编辑器，微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑-...相关推荐

苹果手机怎么编辑word文档_可以一键导入word图文的微信编辑软件有什么？编辑器怎么使用？...
工作效率的提高除了因为熟练之外,还因为各种工具的辅助.自古以来都有工欲善其事必先利其器的教诲,好的工具能让我们工作时事半功倍.今天我们来聊聊什么工具可以提高公众号运营效率?什么微信编辑器可以讲word ...
html 表情转换器,HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊.通讯录.探索.我四个模块左右触摸滑屏切换,聊天 ...
html5微信超链接对话窗口,HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能...
之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊.通讯录.探索.我四个模块左右触摸滑屏切换,聊天 ...
15 款Python编辑器的优缺点，别再问我“选什么编辑器”啦！
本文介绍了多个 Python IDE,并评价其优缺点.读者可以参考此文列举的 Python IDE 列表,选择适合自己的编辑器. 写 Python 代码最好的方式莫过于使用集成开发环境(IDE)了.它 ...
python用什么编译器-15款Python编辑器的优缺点,别再问我quot;选什么编辑器”啦
本文介绍了多个 Python IDE,并评价其优缺点.读者可以参考此文列举的 Python IDE 列表,选择适合自己的编辑器. 写 Python 代码最好的方式莫过于使用集成开发环境(IDE)了.它 ...
怎么打开本地计算机策略编辑器,打开本地组策略编辑器； 2.在弹出的本地组策略编辑器窗口...
因为工作需要有些用户会给电脑设置一个固定的IP地址,但是在其他用户接触这台电脑时可能会更改到IP地址.这时如不提前更改回来,会引起一些不必要的麻烦,那要如何防止其他用户更改IP呢?接下来小编就教大家W ...
linux中vim文本编辑器的默认模式是,Linux 下 vi/vim 文本编辑器超详细使用指南
Linux下的编辑器最经常使用的就是vim或者vi文本编辑.vi 和vim 编辑器的区别是vim是vi的改进版本,在vi 编辑器的基础上上扩展了不少实用的功能. 大多数的linux/unix 发行版本 ...
富文本编辑器输出在线html_一个在线实时预览代码编辑器的实现
在线代码编辑器--Html/Markdown支持作为开发者,经常会使用各式编辑器,一个体验良好的编辑器会给使用者舒适的coding体验. 但当我们不是使用自己熟悉的电脑,在任意的环境下,我们就需要有 ...
php图文排版样式模版,微信公众号排版，我的妈呀，这些图文排版模板也太好看了吧！...
原标题:微信公众号排版,我的妈呀,这些图文排版模板也太好看了吧! 胖友们大家好呀我是135编辑器 [www.135editor.com]的三儿上个月!还是上上个月! 不重要! 我们推送了一篇微信排 ...
微信公众号数据2019_如何制作微信公众号图文素材微信公众号采集器好用吗
现在有很多人都会通过微信公众号来发布文章.图片,这时候就需要使用一些编辑技巧了.下面拓途数据就和大家一同来看看如何制作微信公众号图文素材,微信公众号采集器好用吗? 微信公众号图文素材如何制作微信公众 ...

135编辑器 html,135编辑器，微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑-...

135编辑器 html,135编辑器，微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑-...相关推荐

最新文章

热门文章