在iframe上将默认设置设置为<p>而不是'designMode'中的<br>

面条头

来自未来穴居人的问候,

我正在尝试构建一个简单的所见即所得,但不幸的是,我无法使其默认情况下使用段落而不是简单的换行符。然后我读到以下内容:

在designMode IFrame中按Enter时,强制浏览器插入<p>标签

这个问题是一年多以前提出的。通过链接,我发现Webkit中的某些问题已“解决”:https : //bugs.webkit.org/show_bug.cgi ? id = 59961已解决:http : //trac.webkit.org/changeset/ 109529

抱歉,我没有赶上进度,但这意味着什么:解决了这个问题,有没有办法解决此问题,而无需使用JS和监视按键?

如果没有,那么针对此的JS解决方案是什么?监视“输入”,然后如何将所选内容包装在段落标记中?到目前为止,我已经尝试过了,但是没有用

$("#richTextField").keydown(function(e) {
alert("you pressed something");
if (e.keyCode == 13) {
alert("you pressed ENTER"); 
richTextField.document.execCommand('formatblock',false,"P");
}
});

根本不起作用-甚至不会引发警报。

只是为了澄清...我想要:

This is my first paragraph
<br>
This is my second paragraph
<br> 

现在正在发生什么,成为正常现象

<p>This is my first paragraph</p>
<p>This is my second paragraph</p>

谢谢

面条头

实际上,我已经使用JS弄清楚了。尽管下面的方法很简单,但确实会导致复杂性,例如将段落标签插入列表项以及很多换行符等。我想您以后可以在php中删除它。这是任何需要它的人的代码:

$("#richTextField").contents().keydown(function(e) {
if (e.keyCode === 13) {
richTextField.document.execCommand('formatblock',false,"P");
}
});

或者,您也可以像这样进行操作,在我看来效果更好,因为使用上面的代码,如果在其中编写了一些内容但未按Enter键,则根本没有段落标签。

$("#richTextField").contents().keydown(function(e) {
richTextField.document.execCommand('formatblock',false,"P");
});

我能找到的唯一方法。如果有人不使用JavaScript并监视“ enter”键而认识另一个人,请发表。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何切换到以中国为中心而不是R中默认设置的地图?

来自分类Dev

@Dependent范围不是Wildfly中的默认设置吗?

来自分类Dev

“ ActionBar”图标中的“共享”按钮不是默认设置。怎么改变呢?

来自分类Dev

为什么storeConfigInMeta:false不是Ember CLI中的默认设置?

来自分类Dev

替换beautifulsoup中的<p>和<br>标签

来自分类Dev

检查JavaScript中“ document.designMode”的状态

来自分类Dev

删除PHP中的多余标签'<p> <br> </ p>'?

来自分类Dev

AppCompatActivity在Android Studio中为默认设置

来自分类Dev

Windows启动管理器:将Ubuntu设置为默认设置,而不是Windows

来自分类Dev

从HTML读取<br>并在javascript中设置为\ n

来自分类Dev

CountryDropdownField-将默认设置设置为setEmptyString()中的设置吗?

来自分类Dev

ReactJS <p />或<br/>在render()中不起作用

来自分类Dev

ReactJS <p />或<br/>在render()中不起作用

来自分类Dev

将标签p替换为Blockquote中的br

来自分类Dev

由<br>,<br/>,<p>将PHP preg_split输入到单独的段落中

来自分类Dev

Libreoffice calc:将搜索默认设置为“值”而不是“公式”

来自分类Dev

rsync:为什么“快速检查”是默认设置,但“ --times”不是默认设置?

来自分类Dev

如何在 Datetimepicker 的默认设置中为 Datetimepicker 设置无键盘输入?

来自分类Dev

具有BeautifulSoup输出<br>而不是<br/>

来自分类Dev

更改xmgrace中的默认设置

来自分类Dev

在Swift中更改UISlider的默认设置

来自分类Dev

在Spring中更改@Transactional的默认设置

来自分类Dev

更改xmgrace中的默认设置

来自分类Dev

为什么延迟加载不是React的默认设置?

来自分类Dev

Chromium 使用 Gimp 打开 PDF,而不是系统默认设置

来自分类Dev

Vim:打开帮助或文件时可以使默认默认设置为垂直拆分而不是水平拆分吗?

来自分类Dev

seccomp = unconfined为kubernetes容器中的容器?或者:更改docker 1.10中的默认设置?

来自分类Dev

如何在Vagrant中为多计算机环境指定预配器默认设置?

来自分类Dev

是否可以将Windows 10中的开始菜单默认设置为展开菜单?

Related 相关文章

  1. 1

    如何切换到以中国为中心而不是R中默认设置的地图?

  2. 2

    @Dependent范围不是Wildfly中的默认设置吗?

  3. 3

    “ ActionBar”图标中的“共享”按钮不是默认设置。怎么改变呢?

  4. 4

    为什么storeConfigInMeta:false不是Ember CLI中的默认设置?

  5. 5

    替换beautifulsoup中的<p>和<br>标签

  6. 6

    检查JavaScript中“ document.designMode”的状态

  7. 7

    删除PHP中的多余标签'<p> <br> </ p>'?

  8. 8

    AppCompatActivity在Android Studio中为默认设置

  9. 9

    Windows启动管理器:将Ubuntu设置为默认设置,而不是Windows

  10. 10

    从HTML读取<br>并在javascript中设置为\ n

  11. 11

    CountryDropdownField-将默认设置设置为setEmptyString()中的设置吗?

  12. 12

    ReactJS <p />或<br/>在render()中不起作用

  13. 13

    ReactJS <p />或<br/>在render()中不起作用

  14. 14

    将标签p替换为Blockquote中的br

  15. 15

    由<br>,<br/>,<p>将PHP preg_split输入到单独的段落中

  16. 16

    Libreoffice calc:将搜索默认设置为“值”而不是“公式”

  17. 17

    rsync:为什么“快速检查”是默认设置,但“ --times”不是默认设置?

  18. 18

    如何在 Datetimepicker 的默认设置中为 Datetimepicker 设置无键盘输入?

  19. 19

    具有BeautifulSoup输出<br>而不是<br/>

  20. 20

    更改xmgrace中的默认设置

  21. 21

    在Swift中更改UISlider的默认设置

  22. 22

    在Spring中更改@Transactional的默认设置

  23. 23

    更改xmgrace中的默认设置

  24. 24

    为什么延迟加载不是React的默认设置?

  25. 25

    Chromium 使用 Gimp 打开 PDF,而不是系统默认设置

  26. 26

    Vim:打开帮助或文件时可以使默认默认设置为垂直拆分而不是水平拆分吗?

  27. 27

    seccomp = unconfined为kubernetes容器中的容器?或者:更改docker 1.10中的默认设置?

  28. 28

    如何在Vagrant中为多计算机环境指定预配器默认设置?

  29. 29

    是否可以将Windows 10中的开始菜单默认设置为展开菜单?

热门标签

归档