社区的编辑器被团队和小伙伴们反应功能较弱,这次我们对文章的编辑器进行了改版(问题编辑器保持不变),较老版本有如下改进:
- 图片插入可视化。
- 增加插入代码类型和高亮显示。
- 增加标题、下划线,删除线文字,文字颜色,文字缩进,文字水平对齐等功能。
- CSS 样式调整,增加文章美观和可阅读性。
图片插入可视化
直接插入网络图片
通过编辑器中”插入图片“按钮,输入图片可访问的网络地址即可在编辑器中直接显示图片,并且可以通过修改图片尺寸。
上传附件形式插入图片
通过编辑器下方的”上传附件“功能,把图片上传到网站上,然后点击插入按钮,图片会插入到编辑器目前光标所在位置。
TIPS: 修改图片尺寸时,再修改图片宽度后,直接"回车"或者"点击图片外区域",图片会按照原宽高比自动缩放图片。
代码高亮
点击编辑器中的"插入代码"按钮,选择合适的语言,把需要展示的代码粘贴进去,就会显示出如下效果。
.nav_sub a {
float: left;
height: 45px;
line-height: 45px;
color: #595c65;
margin: 0 0px 0 14px;
overflow: hidden;
display: inline;
font-size: 14px;
}
CSS 样式调整
引用:
这是一段引用示例文字。点击编辑器中的"插入代码"按钮,选择合适的语言,把需要展示的代码粘贴进去,就会显示出如下效果。
下面这段文字演示了 超链接、删除线、下划线、文字颜色。
在 Bootstrap 2 中,我们对框架中的某些关键部分增加了对移动设备友好的样式。而在 Bootstrap 3 中,我们重写了整个框架,使其一开始就是对移动设备友好的。这次不是简单的增加一些可选的针对移动设备的样式,而是直接融合进了框架的内核中。也就是说,Bootstrap 是移动设备优先的。针对移动设备的样式融合进了框架的每个角落,而不是增加一个额外的文件。
感谢
我们是基于 simditor 编辑器二次开发,感谢 彩程设计 提供如此优秀的开源编辑器。