【JSP页面】富文本编辑器的使用

【前言】
项目中用到了KindEditer富文本编辑器,简单留存一下代码。
【正文】
添加js引用

<script type="text/javascript" src="newsadmin/kindeditor-4.1.10/jquery-1.8.0.min.js"></script>

<script charset="utf-8" src="newsadmin/kindeditor-4.1.10/kindeditor.js"></script>
<script charset="utf-8" src="newsadmin/kindeditor-4.1.10/lang/zh_CN.js"></script>

js代码

$(function(){
    KindEditor.ready(function(K) {
            var editor1 = K.create('#editor_id', {
                //自定义工具栏
                items:[
                        'preview','source', 'code', '|', 'justifyleft', 'justifycenter', 'justifyright',
                        'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent',
                        'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen',
                        'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                        'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
                        'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                        'anchor', 'link', 'unlink'
                ],
                uploadJson : 'adminnews_imgUpload.action', //图片上传Action
                allowImageRemote : false //取消网络图片上传
            });
    });
})
页面

<td class="ta_01" bgColor="#ffffff">
<textarea id="editor_id" name="content" style="width:950px;height:300px;">
                    <s:property value="model.content"/>
                </textarea>
</td>   

【总结】
不太会用这个markdown编辑器,但是csdn那个编辑器不显示了,只好用这个了。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 22
    评论
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农胖虎-java

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值