900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 在html页面写一个富文本框

在html页面写一个富文本框

时间:2021-11-08 02:47:02

相关推荐

在html页面写一个富文本框

第一步:获取到富文本框的这个文件,链接地址:/cke4/builder

(1)里面有几个选择,看你需求自己进行选择,然后鼠标一直拖到最下面,开始下载包

下面我只是举个例子:我选择的事第三个full;后面还有些选择类似。

注意:博主在第一次的时候发现富文本框没有颜色,忘了选择下面这个,也就是第一个

第二步:把ckeditor这个包放到WebRoot下面(位置是按博主第一次做的写的)

第三步:总之前面一堆废话就是告诉你,你搞到一个ckeditor包就行了,就这么简单。然后在html页面你要添加的地方加上这么一句话:<textarea id="scpg" name="editor01"></textarea> 这个name是一定要的,目的就是第四步

对了把包放到WebRooT下,我们一定要引入啊,在你的html页面还得加一句话:

<script src="${contextPath}/ckeditor/ckeditor.js"></script>具体的路径看你自身情况

第四步:<script type="text/javascript">

CKEDITOR.replace('editor01');//这句话相当的重要,没有这句话,只会显示文本域,没有富文本框的效果

</script>

第五步:做这些不就得获取到文本域里面的内容;加上这句:

var htmlData=CKEDITOR.instances.scpg.getData();//注意:这个scpg是博主的id,也就是你文本域的id

到此就全部做完了,主要就是得到包,加上三两句话,记得引入你包的路径,然后就全部结束。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。