企业插件页面banner图

企业插件

无缝内嵌135编辑器
让你的编辑更加强大
集成到自己系统
DEMO 01
集成到自己编辑器
DEMO 02
企业插件调用说明
135编辑器免费调用示例

js文件:

	需要jquery库的支持
	<script src="/js/jquery/jquery-3.7.1.min.js" type="text/javascript"></script>
	
	将js文件下载到应用服务器的ueditor目录,调用自己服务器的文件
	<script type="text/javascript" src="/下载的百度编辑器目录/ueditor/ueditor.config.js"></script>
	<script src="/js/ueditor/ueditor.all.min.js"></script>
	<script src="/open/v1/a92d301d77.js" type="text/javascript"></script>	



css代码

	<link href="/open/v1/96619a5672.css"  rel="stylesheet" type="text/css" />	



html代码:

	将编辑器的区域放入form表单中,设置好name值,提交表单时,编辑器内部的内容会自动提交
	<div style="width:800px;margin:0 auto;" >
		<form action="" method="post">
			<script id="WxMsgContent" name="content" style="width:800px;" type="text/plain">初始化内容</script>
			<br/>
			<div style="text-align:center;">
				<input type="submit" style="padding:10px 20px;" value="提交" onclick="alert($(this.form).serialize());return true;">
			</div>				
		</form>
	</div>	



js代码:

	请联系135工作人员获取appkey(QQ:786992714) 
	current_editor = UE.getEditor('WxMsgContent',{
		initialFrameHeight:600,
		open_editor: true,autoSyncData:true,
		style_width:360, //样式区宽度像素
		style_url : 'http://www.135editor.com/editor_styles/open?inajax=1&appkey=xxxx'
	});


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


01
下载插件

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

下载地址: http://www.135editor.com/js/ueditor/plugins/135editor.js


02
修改配置文件


在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' ]],


03
增加CSS代码

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

<style>

.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;

}

</style>

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

  1. 请点击下方工具栏“135”的按钮来打开135编辑器,

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