5.2. 编辑器优化

本教程最新版为 9.x,当前版本已放弃维护,请阅读最新版本!

编辑器优化

file

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

Simditor

file

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

1. 下载 Simditor

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

file

2. 集成到项目中

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

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

将下载的 simditor.css 放置于 <...>

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

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

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
贡献者:4
讨论数量: 27

jingzhongwa
怎么让 larabbs 项目支持 Markdown 语法啊
6 个点赞 | 3 个回复 | 问答 | 课程版本 6.x
danguilangzi
编辑器优化无法识别jquery
3 个点赞 | 7 个回复 | 分享 | 课程版本 8.x
zyj7086
上传不了图片?有没有人跟我一样?
1 个点赞 | 10 个回复 | 问答 | 课程版本 5.5
stormman58
为什么我的编辑器按钮区位置跑偏了?
1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
渔郎
编辑器初始化需要引用 jQuery
1 个点赞 | 1 个回复 | 分享 | 课程版本 6.x
younge
Qcg
nicetyler
如何使用 Simditor 设置字体大小?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
liwei3773
为什么不直接放到 public 下,而要这么复制一下呢?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
ayauper
?运行 NPM run watch-poll 报错
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
xingxiaoli
使用了编辑器之后,对 body 字段的检验是不是就失效了?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
followyounger
为什么我的样式出现了问题?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
cbasil
Simditor 编辑器如何集成图片上传功能?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
shanhaiyun
引入编辑器页面没变化
0 个点赞 | 1 个回复 | 问答 | 课程版本 9.x
Athos
运行 NPM run watch-poll 报错
0 个点赞 | 1 个回复 | 问答 | 课程版本 6.x
Code_Er
关于 simditor 使用 NPM 安装不了
0 个点赞 | 1 个回复 | 分享 | 课程版本 6.x
Apress
@endsection 和 @stop 有啥区别?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
TigerLin
样式复制没有成功
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
rabbit_wl
记录编辑器的引用的一个问题
0 个点赞 | 0 个回复 | 分享 | 课程版本 6.x
小小
编辑器优化之后网页样式没有变化
0 个点赞 | 0 个回复 | 问答 | 课程版本 7.x
liwei3773
danielwng
报错:ReferenceError: Can't find variable: Simditor
0 个点赞 | 0 个回复 | 问答 | 课程版本 5.7