Question

如何为我的所见即所得编辑器提供RTL（从右到左）支持。我已经尝试document.execCommand('dirRTL', false, null)了。但它没有用。但Gmail如何能够做到这一点。我错过了什么吗？

谢谢， Gautham

Answer 1

这是一个相当古老的问题，无论如何我刚刚为此实现了解决方案，所以我分享了它。

我使用基于bootstrap-wysihtml5-rails gem代码的bootstrap3-wysiwyg。

编辑器是使用iframe创建的，所以我所做的只是：

<script>
$(window).load(function() {
  $('iframe.wysihtml5-sandbox').each(function(i) {
    $(this).contents().find("body").css({'direction':'rtl', 'font-family':'Arial'});
  });
})
</script>

（我使用each函数，因为我有几个编辑器）

Answer 2

execCommand中没有可用于文本方向的命令。
以下是使用＆＃34; insertHTML＆＃34;在插入点插入HTML字符串。

＆＃13;

-p

＆＃13;

Answer 3

好消息是，操作系统在处理RTL（从右到左）文档方向时会处理实际问题。您只需要将要应用RTL的元素作为目标，并将文本对齐添加到RIGHT和RTL方向。只有当你开始用阿拉伯语输入时，你才会看到真正的结果，因为不仅写作将从右到左开始，而且它的方向也是如此。

Answer 4

最佳解决方案：编辑文件：wysihtml5-0.3.0.js并找到行wysihtml5.dom.setAttributes并添加以下行：＆＃34;方向＆＃34;：＆＃34; rtl＆＃34;，

RTL支持wysiwyg编辑器

4 个答案: