企業(yè)插件
js文件:
需要jquery庫的支持 <script src="/js/jquery/jquery-3.7.1.min.js" type="text/javascript"></script> 將js文件下載到應用服務(wù)器的ueditor目錄,調用自己服務(wù)器的文件 <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值,提交表單時(shí),編輯器內部的內容會(huì )自動(dòng)提交
<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代碼:
請聯(lián)系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對應的目錄里,并將135editor.js加載到自己的網(wǎng)頁(yè)里(放在ueditor.all.min.js之后)
下載地址: http://www.135editor.com/js/ueditor/plugins/135editor.js
在ueditor.config.js中toolbars項里增加一個(gè)135editor菜單項,
toolbars:[ ['bold','italic', 'underline', 'fontborder', 'strikethrough', '135editor','rowspacingtop', 'rowspacingbottom', 'lineheight','removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|','superscript', 'subscript' ]], |
在自己的項目調用編輯器的網(wǎng)頁(yè)里中增加一段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個(gè)步驟后,調用方式的插件就已經(jīng)集成完畢了??稍谙旅娴臉永畜w驗。
-
請點(diǎn)擊下方工具欄“135”的按鈕來(lái)打開(kāi)135編輯器,
-
喚起135編輯器后,在編輯區域排版內容,點(diǎn)擊右側“完成編輯” 就會(huì )將所有內容自動(dòng)返回到自己的編輯器里面。