TinyMCE段落缩进功能修改

最近开始使用TinyMCE作为手头一个小项目的在线编辑器,在测试过程中,遇到一个小问题:TinyMCE默认的段落缩进功能采用的方法是在标签中插入padding-left:30px样式。而通常我们需要的功能是段落首行缩进两个中文字符的空白,经过尝试,只需对timy_mce.js中的代码作很小的改动就可以实现这样的功能,具体是把上述js文件中所有的paddingLeft改为textIndent(共有6处),然后引用编辑器的时候在tinyMCE.init()中加入indentation : '2em',配置行。上述改动涉及到timy_mce.js中以下三个函数的定义:Indent : function()Outdent : function()queryStateOutdent : function()

当然,更简便的办法是不用TinyMCE提供的缩进代码,直接在页面中写 p { text-indent:2em; }这样的样式来控制,但这样做的缺点是使内容中所有的段落都缩进两个字符,而我想要的是可以手动控制缩进,因为并非所有的段落都需要缩进。

我使用的版本是:TinyMCE3.2.0

  • 2
    点赞
  • 1
    收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

乌镇程序员

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值