6.2. 编辑器优化

编辑器优化

file

目前我们撰写文字只是一个简单的文本框,接下来我们将装上编辑器来提高用户体验。

Simditor

file

Simditor 是 tower.im 团队的开源编辑器。

1. 下载 Simditor

开始之前,先 点击此处下载 Simditor ,下载完成后解压到文件夹 simditor-2.3.6 ,内容如下:

file

2. 集成到项目中

接下来新建以下两个文件夹:

  • resources/editor/css
  • resources/editor/js

或者可以使用以下命令:

$ mkdir -p resources/editor/css
$ mkdir -p resources/editor/js

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 17

zyj7086
上传不了图片?有没有人跟我一样?
1 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
stormman58
为什么我的编辑器按钮区位置跑偏了?
1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
younge
Qcg
liwei3773
为什么不直接放到 public 下,而要这么复制一下呢?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
ayauper
?运行 NPM run watch-poll 报错
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
nicetyler
如何使用 Simditor 设置字体大小?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
xingxiaoli
使用了编辑器之后,对 body 字段的检验是不是就失效了?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
followyounger
为什么我的样式出现了问题?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
cbasil
Simditor 编辑器如何集成图片上传功能?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Apress
@endsection 和 @stop 有啥区别?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
深入浅出
样式复制没有成功
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
xxr_yeah
按照步骤做的报错 Call to undefined function route_class () ?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Zark
富文本编辑器字符长度验证问题?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Hassan_Saleemi
请问 Simditor 如何多语言设置?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
danielwng
报错:ReferenceError: Can't find variable: Simditor
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7