コンテンツwangEditorエディタを取得した後、フォームを送信し、コンテンツ編集者はそれを得ます

ハング-------------ちょっと、言わなければならない、このエディタは非常に美しいですが、。

私はそうやっていました。

1.まず、彼のエディタJSを導入しました

<script th:src="@{/static/assets/js/editorwang.js}"></script>
<script th:src="@{/static/assets/js/jquery.min.js}"></script>
</body>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    // 或者 var editor = new E( document.getElementById('editor') )
    editor.create()
    //设置文本内容

    editor.txt.html($('#noplay').text())
    $('#submitedit').click(function () {
        alert(editor.txt.html())
        $('#text1').text(editor.txt.html());
        alert($('#text1').text())
    })
</script>

2.これは私がdivの中に書いたもので、実際には、隠されたdiv要素、そして編集者にエコーバック

<div class="am-form-group">
                                <label for="editor" class="am-u-sm-3 am-form-label">文章内容</label>
                                <div id="editor" placeholder="请输入文稿内容" class="am-u-sm-9">
                                </div>
                                <div style="display: none" name="newscontent">
                                    <textarea id="text1" style="width:100%; height:200px;" th:value="${selnews.newscontent}" name="newscontent"></textarea>
                                </div>
                                <div style="display: none" id="noplay">
                                    '这里面是你要回显的内容'
                                </div>
                            </div>

 

公開された37元の記事 ウォン称賛12 ビュー6465

おすすめ

転載: blog.csdn.net/weixin_38960774/article/details/104600965