获取wangEditor编辑器的内容后,提交表单并获取编辑器的内容呢

编程知识 行业动态 更新时间:2024-06-13 00:22:48

坑-------------哎,不得不说,这个编辑器就是很漂亮,但是。。。。。。。。。

我是这样做的。。。。。。、

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>

 

更多推荐

获取wangEditor编辑器的内容后,提交表单并获取编辑器的内容呢

本文发布于:2023-04-03 07:28:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/66abef8c28dc2ec20c111c0af81129cb.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:编辑器   内容   表单   wangEditor

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!