欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

怎样做出一个富文本框的样子

程序员文章站 2022-04-08 08:51:39
...

上次做个人博客项目的时候用到富文本框,查看了一些资料后,勉强做出了效果,下面把我的步骤给大家

1.效果
怎样做出一个富文本框的样子
2.下载富文本的js包。
进入下面的链接。

https://ckeditor.com/cke4/builder‘

2.1选择下面的3种模式之中的一个(基本,标准,丰富)
怎样做出一个富文本框的样子
2.2选择插件或皮肤
怎样做出一个富文本框的样子
2.3 选择语言
怎样做出一个富文本框的样子
2.4 最后下载即可
怎样做出一个富文本框的样子
3.使用
3.1下载完成后是一个叫ckeditor的文件夹
将其放到static下即可(我是使用的springboot)

怎样做出一个富文本框的样子
3.2 进入你需要使用的页面,将ckeditor/ckeritor.js导进去

<script src="../../static/ckeditor/ckeditor.js"></script>

3.3 然后将下面的语句放到你想要写东西的地方

 <textarea   name="editor01"></textarea>

3.4 最后添加下面的语句即可

<script>
        CKEDITOR.replace('editor01');
</script>

这个语句要放到上一个语句的后面,不然每效果

文章到这里就结束了,不懂的就留言吧

相关标签: html