<pre id="l82j3"></pre>

    <acronym id="l82j3"><strong id="l82j3"><listing id="l82j3"></listing></strong></acronym><track id="l82j3"></track>
    <td id="l82j3"><strike id="l82j3"></strike></td>
    <acronym id="l82j3"></acronym>
    企業插件頁面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個步驟后,調用方式的插件就已經集成完畢了??稍谙旅娴臉永畜w驗。

    1. 請點擊下方工具欄“135”的按鈕來打開135編輯器,

    2. 喚起135編輯器后,在編輯區域排版內容,點擊右側“完成編輯” 就會將所有內容自動返回到自己的編輯器里面。

    久久亚洲精品无码|亚洲日本一区二区|人妻人人做人人爽|狠狠久久亚洲欧美专区

    <pre id="l82j3"></pre>

    <acronym id="l82j3"><strong id="l82j3"><listing id="l82j3"></listing></strong></acronym><track id="l82j3"></track>
    <td id="l82j3"><strike id="l82j3"></strike></td>
    <acronym id="l82j3"></acronym>