百度umeditor

時間 2019-11-30

標籤百度 umeditor 简体版

原文原文鏈接

UEditor是由百度WEB前端研發部開發的所見即所得的開源富文本編輯器，具備輕量、可定製、用戶體驗優秀等特色。開源基於BSD協議，全部源代碼在協議容許範圍內可自由修改和使用。百度UEditor的推出，能夠幫助很多網站開發者在開發富文本編輯器所遇到的難題，節約開發者因開發富文本編輯器所須要的大量時間，有效下降了企業的開發成本。javascript

官方地址：http://ueditor.baidu.com/website/css

JSP使用示例：前端

版本：umeditor1_2_2-utf8-jspjava

1.解壓壓縮包，將資源放置項目文件夾下，jsp文件放置項目根目錄下。web

2.配置umeditor.config.js的圖片上傳路徑，即jsp文件夾下的jsp文件。詳細配置以下(項目名稱爲bpm):jsp

        //圖片上傳配置區
        ,imageUrl:"/bpm/jsp/imageUp.jsp"   //圖片上傳提交地址
        ,imagePath:"/bpm/jsp/"             //圖片修正地址，引用了fixedImagePath,若有特殊需求，可自行配置
        ,imageFieldName:"upfile"           //圖片數據的key,若此處修改，須要在後臺對應文件修改對應參數

3.表單的使用，首先引用資源文件（注意路徑）。編輯器

<!--WebEdit-->
<link href="linkey/oa/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="linkey/oa/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="linkey/oa/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="linkey/oa/umeditor/lang/zh-cn/zh-cn.js"></script>
<script>
    //獲取編輯器內容
    function getContent() {
        var arr = [];
        arr.push(UM.getEditor('myEditor').getContent());
        return arr.join("\n");
    }

    //加載編輯器內容
    function setContent() {
        var body = $("#Body").text();
        if(body!=""){
        um.setContent(body);
        }
    }
</script>

<body style="margin:0px 5px 0px 5px;" >
    <script style="width: 99%; height: 360px;" id="myEditor" type="text/plain"></script>
    <textarea style="display: none;" id="Body" name="Body"></textarea>
    <script type="text/javascript">
        var um = UM.getEditor('myEditor');setContent();
    </script>
</body>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。