博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
推荐一款实用的编辑器
阅读量:6193 次
发布时间:2019-06-21

本文共 1203 字,大约阅读时间需要 4 分钟。

最近看到 vue 的一个不错的后台。

http://herozhou.coding.me/vue-framework-wz/#/login

在上面看到一款编辑器:

 

这个编辑器的强大之处在于:插入图片的时候可以编辑尺寸和图片描述。这个操作在做SEO图片优化的时候就很有用啊,不需要去改代码。

我看上这个编辑器,最主要的原因是:它能够图片优化,插入的图片的时候,可以给图片添加 宽度 高度 和 alt ,而且插入的图片还可以有编辑功能,能够进行图片的旋转和裁剪。

正当我准备使用这个编辑器的时候,我放弃了。

主要原因有两个:

1、编辑器采用的是 iframe 页面框架做的。(果断抛弃,现在很多好的编辑器不会采用那个,连百度ueditor也不在用 iframe 的编辑器)。

2、图片编辑,旋转功能貌似没有用。

再次推荐一个好的编辑器:我使用最多的编辑器。好看,好用,简洁,大方。

wangEditor - 轻量级web富文本编辑器

http://www.wangeditor.com/

这款编辑器还是比较好看的,采用的是 div 模式版,抛弃了 iframe 做富文本编辑器。

 与之类似的,推荐 layui 的富文本编辑器,也比较好用。

说下缺点:

就我最开始的那个,图片上传设置图片大小和ALT属性实现不了。

解决办法

1、修改源码,设置图片宽度,高度,ALT属性。

2、二次开发。

我选择第二种

这个编辑器由于采用的不是 iframe 的结构,所以可以考虑使用 DOM 操作来设置图片宽度,高度,ALT属性。

思路:插入图片之后,点击图片,弹框设置图片的 宽度、高度、ALT属性。

示例:

具体示例代码:

编辑器调试

 

转载于:https://www.cnblogs.com/e0yu/p/9222925.html

你可能感兴趣的文章
使用curl命令查看访问url的时间
查看>>
whois
查看>>
python添加环境变量
查看>>
Linux 新手容易犯的 7 个错误
查看>>
spoj3105 MOD - Power Modulo Inverted(exbsgs)
查看>>
DP-01背包 (题)
查看>>
WinForm中跨线程操作控件
查看>>
CODING 敏捷实践完全指南
查看>>
unittest测试框架和测试报告的输出实例(一)
查看>>
PYTHON-字符编码
查看>>
collectionview 的相关设置
查看>>
【node.js】回调函数
查看>>
Phalcon 訪问控制列表 ACL(Access Control Lists ACL)
查看>>
Android Categroy 详解大全
查看>>
java中的定时器
查看>>
【翻译】EXTJS 编码风格指南与实例
查看>>
下MFC中对象、句柄、ID之间的区别.
查看>>
如何构建Win32汇编的编程环境(ONEPROBLEM个人推荐)
查看>>
Asp.Net MVC 分页、检索、排序整体实现
查看>>
php上传$_FILES 无法取值
查看>>