ueditor使用注意

問題1：后端配置項沒有正常加載，上傳插件不能正常使用！

我用的是開發版，1.4.3.3 .Net版

網上查了很多，后來發現只是配置的問題而已。

1、在根目錄下：config.json

其中有Img上傳的配置：imageUrlPrefix 這個是你上傳完成后，在文本編輯器中圖片路徑的前綴，一般都是配置網站的域名，例如：http://www.xxx.com，我給他設置成空了，等發布的時候在改成域名。

2、還有一個是 imagePathFormat：/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 這個呢，是真正的網站上面的存放路徑。

只要保證/upload/image 這些文件夾存在就好了。

3、還有一個是上傳等各種操作的處理： controller.ashx，這個也是要配置路徑的，在 ueditor.config.js 里面，有個 serverUrl: URL + "controller.ashx"，

原來那些js和controller都是在網站根目錄的，我都轉移到我新建的 uedit 文件夾里面了，這樣方便，

然后需要在使用uedit的頁面中設置一下目錄：

<script type="text/javascript">
window.UEDITOR_HOME_URL = '/uedit/';//這個就是指定路徑到我新建的uedit文件夾
</script>

其他的文件上傳，像視頻啊什么的，都是類似的配置。

修改后的目錄結構： 

使用：

1.引用js：

<script src="uedit/ueditor.config.js"></script>
<script src="uedit/ueditor.all.min.js"></script>
<script src="uedit/lang/zh-cn/zh-cn.js"></script>

2.在頁面中加入：<textarea id="editor" name="editor"></textarea>

3.加入腳本：

<script type="text/javascript">

//實例化編輯器
//建議使用工廠方法getEditor創建和引用編輯器實例，如果在某個閉包下引用該編輯器，直接調用UE.getEditor('editor')就能拿到相關的實例
var ue = UE.getEditor('editor');

</script>

4.然后放一個button，寫一個onclick事件看，得到編輯器中的html代碼：

protected void Button1_Click(object sender, EventArgs e)
{
string des = Request["editor"];//這個editor是textarea的name屬性，不是id。
}

5.發布后，uedit/config.json 中的所有UrlPrefix的值都要改成網站域名。

imageUrlPrefix、scrawlUrlPrefix、snapscreenUrlPrefix、catcherUrlPrefix、videoUrlPrefix、fileUrlPrefix、imageManagerUrlPrefix、fileManagerUrlPrefix

嗯，應該寫到配置里，然后都引用那個配置就好了。

6.還有一個問題，做完以上的步驟，你發布后仍然沒法上傳圖片，報錯說controller.ashx中的Handler沒法找到對應的類，這時打開controller.ashx，看到引用的System.Web命名空間，把這個刪除掉。

使用完全限定類名：System.Web.IHttpHandler，System.Web.HttpContext，因為System.Web下也有個Handler，起沖突了。

這樣了以后，發布還是不行，需要把App_Code也發布，或者把App_Code整個文件夾Copy到服務器上才行。

 

<script type="text/javascript">
    window.UEDITOR_HOME_URL = '/uedit/';
</script>
<script src="~/uedit/ueditor.config.js"></script>
<script src="~/uedit/ueditor.all.min.js"></script>
<script src="~/uedit/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">

    var edDesc1;
    $(function () {

        edDesc1 = UE.getEditor('Description', {
            initialFrameWidth: '99.5%',
            initialFrameHeight: 550,
            autoHeightEnabled: false,
            autoFloatEnabled: false,
            toolbars: [['fullscreen', 'source', '|', 'undo', 'redo', '|',
                'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
                'removeformat', 'formatmatch', 'autotypeset', '|', 'fontfamily', 'fontsize', 'forecolor', 'backcolor', 'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
                'insertimage',]],
            onready: function () {
            }
        });

    });
</script>