[产品更新] 全新文章编辑器简易使用说明

浏览: 2798

社区的编辑器被团队和小伙伴们反应功能较弱,这次我们对文章的编辑器进行了改版(问题编辑器保持不变),较老版本有如下改进:

  1. 图片插入可视化。
  2. 增加插入代码类型和高亮显示。
  3. 增加标题、下划线,删除线文字,文字颜色,文字缩进,文字水平对齐等功能。
  4. CSS 样式调整,增加文章美观和可阅读性。

图片插入可视化

直接插入网络图片

通过编辑器中”插入图片“按钮,输入图片可访问的网络地址即可在编辑器中直接显示图片,并且可以通过修改图片尺寸。

上传附件形式插入图片

通过编辑器下方的”上传附件“功能,把图片上传到网站上,然后点击插入按钮,图片会插入到编辑器目前光标所在位置。

TIPS: 修改图片尺寸时,再修改图片宽度后,直接"回车"或者"点击图片外区域",图片会按照原宽高比自动缩放图片

Image

代码高亮

点击编辑器中的"插入代码"按钮,选择合适的语言,把需要展示的代码粘贴进去,就会显示出如下效果。

.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 编辑器二次开发,感谢 彩程设计 提供如此优秀的开源编辑器。

推荐 0
本文由 子呆不呆 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册