135编辑器,微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑 |
您所在的位置:网站首页 › 123编辑器 › 135编辑器,微信图文编辑器,微信图文美化编辑器,格式多方便的图文编辑 |
项目本身使用百度的ueditor编辑器,可免费集成外部调用135编辑器的方式来使用。也可申请与APPKEY,做到135用户绑定的方式,实现打开插件时免登录。使用非ueditor编辑器的,集成方式可参看这里,如有任何疑问可联系QQ: 285694665,微信: hncszdb
1 下载插件 将插件的两个文件下载到项目ueditor对应的目录里,并将135editor.js加载到自己的网页里(放在ueditor.all.min.js之后) http://www.135editor.com/js/ueditor/plugins/135editor.jsview-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); 2 修改配置文件
在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' ]],
3 增加CSS代码
在自己的项目调用编辑器的网页里中增加一段CSS
.edui-button.edui-for-135editor .edui-button-wrap .edui-button-body .edui-icon{ background-image: url("https://static.135editor.com/img/icons/editor-135-icon.png") !important; background-size: 85%; background-position: center; background-repeat: no-repeat; }
完成上述3个步骤后,调用方式的插件就已经集成完毕了。可在下面的样例中体验。 请点击下方工具栏“135”的按钮来打开135编辑器, 唤起135编辑器后,在编辑区域排版内容,点击右侧“完成编辑”就会将所有内容自动返回到自己的编辑器里面。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |