Java Web开发之Servlet获取ckeditor内容

最新推荐文章于 2018-08-03 15:12:30 发布

转载最新推荐文章于 2018-08-03 15:12:30 发布 · 166 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/landiljy/p/5950119.html

文章标签：

#java #javascript #ViewUI

本文介绍如何在网页中集成CKEditor富文本编辑器，通过JavaScript实现将原有的textarea元素替换成CKEditor，并从隐藏域读取初始内容填充到编辑器中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js：

<!-- ckeditor插件 -->
    <script type="text/javascript" src="js/ckeditor/ckeditor.js"></script>

window.onload = function(){
    //将textarea替换ckeditor
    var yjfx = null;//研究方向
    var jj = null;//简介
    jj = CKEDITOR.replace('jj');
    yjfx = CKEDITOR.replace('yjfx'); //''内为textarea元素的name属性值，而非id属性值
    //给ckeditor赋值
    var tyjfxcontent = $('#yjfxhd').val();
    var jjcontent = $('#jjhd').val();
    CKEDITOR.instances.yjfx.setData(tyjfxcontent);
    CKEDITOR.instances.jj.setData(jjcontent);
}

hmtl:

<div class="form-group">
                          <label>研究方向</label>
                          <textarea value="" name="yjfx" rows="5" class="form-control"></textarea>
                          <input id="yjfxhd" value="${basicInformation.research }" type="hidden"/>
                        </div>
                        <div class="form-group">
                          <label>简介</label>
                          <textarea value="" name="jj" rows="5" class="form-control"></textarea>
                          <input id="jjhd" value="${basicInformation.info }" type="hidden"/>
                        </div>

servlet:

//获得研究方向
        String yjfx = request.getParameter("yjfx").toString();//注意""内是textarea的name

转载于:https://www.cnblogs.com/landiljy/p/5950119.html