form表單添加富文本編輯器


<div class="control-group">
            <label class="control-label">內容:</label>
            <div class="controls">
                <textarea id="editor" name="context"
                    style="height: 600px;">${hmlwxItinerantExhibition.context }</textarea>
                <script type="text/javascript">
                    //實例化編輯器
                    //建議使用工廠方法getEditor創建和引用編輯器實例,如果在某個閉包下引用該編輯器,直接調用UE.getEditor('editor')就能拿到相關的實例
                    var ue = UE.getEditor('editor');
                    //彈出圖片上傳的對話框
                    function upImage() {
                        var myImage = ue.getDialog("insertimage");
                        myImage.open();
                    }
                    
                </script>
            </div>

需要引入

<script type="text/javascript" charset="utf-8"
        src="${ctxStatic}/formdesign/js/ueditor/ueditor.config.js"></script>
        <script type="text/javascript" charset="utf-8"
        src="${ctxStatic}/formdesign/js/ueditor/ueditor.all.min.js">

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM