百度編輯器uediter使用簡介

最近做項目使用了下百度編輯器ueditor，簡要介紹下它的調用方法

1、ueditor官司網下最新包，地址： http://ueditor.baidu.com/website/download.html

2、以thinkphp框架的調用講解

      A：將ueditor包放入\Public\ueditor目錄

      B：在需要調用編輯器的頁面引入ueditor相關JS文件

	<SCRIPT type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></SCRIPT>
	<SCRIPT type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.js"></SCRIPT>

    C：創建一個textarea標籤，如： <textarea name="FContent" id="FContent"></textarea>

    D：初始化ueditor相關配置

	<script type="text/javascript">
    	UE.getEditor('FContent', { //此處FContent與textarea的id保持一致即可
        	theme:"default", //皮膚
        	lang:"zh-cn", //語言
        	initialFrameWidth:1200,  //初始化編輯器寬度,默認800
        	initialFrameHeight:400
    	});
	</script>

    E：這步比較關健，利用jquery的$('#ID').val()是獲取不到編輯器內容的，我們得利用編輯器提供的接口來獲取，調用方法如下

	var editor = new UE.getEditor('FContent');//獲取編輯器內容
	var FContent = editor.getContent();

      備註：ueditor接口查看地址  http://ueditor.baidu.com/doc/

     好吧，最近做項目對一次用到了ueditor，跟之前的版本用法竟然完全不一樣，用法如下：2016/09/08
     

<script type="text/javascript">
       var ue = UE.getEditor('contents', {
           //初始化編輯器，好坑，一版本一個樣，跟不上節奏
       });
       ue.addListener("ready", function () {
           //alert(ue.isFocus());
           //$("input[type='submit']").on('click',function(){
             //  alert(333);
           //});好吧， 不知道在編輯器裏如何寫JQUERY，寫原始的吧

            document.getElementById('submit').onclick = function(){
                var contents = ue.getContent();
                document.getElementById('new_contents').value = contents;
                //alert(document.getElementById('new_contents').value);
            };

       });


</script>