当前位置：文江博客话题详情

输入时可编辑内容段落标签

发布于 2024-12-09 06:49:40 字数 174 浏览 1 评论 0原文

我想知道是否有一种可接受的方法来强制所有主要浏览器插入段落标记，而不是当 contentEditable 为 true 时按 Enter 键时插入的默认标记。

据我所知IE会自动插入p。但 Google Chrome 会插入 div 标签，而 Firefox 则会插入 br（WTF？！）。

提前致谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半葬歌 2024-12-16 06:49:40

您可以在 keypress 或 keydown 等事件中使用 document.execCommand('formatBlock', false, 'p'); 来使用按 Enter 键后的段落。例如：

element.addEventListener('keypress', function(ev){
    if(ev.keyCode == '13')
        document.execCommand('formatBlock', false, 'p');
}, false);

you can use document.execCommand('formatBlock', false, 'p'); in event like keypress or keydown, etc. to use paragraphs after enter press. For example:

element.addEventListener('keypress', function(ev){
    if(ev.keyCode == '13')
        document.execCommand('formatBlock', false, 'p');
}, false);

回复收藏 0 原文

摘星┃星的人 2024-12-16 06:49:40

由于它是在浏览器中构建的，因此您无法更改该行为。您可以通过检测浏览器并相应地替换元素来解决此问题。非常丑陋，我知道。

另请检查 WhatWG 的背景： http://lists .whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-May/031577.html

回复收藏 0 原文

快乐很简单 2024-12-16 06:49:40

我遇到了同样的问题并找到了解决方案（CHROME、MSIE、FIREFOX），请按照链接中的代码进行操作。

$(document).on('click','#myButton',function() {
    if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
        var str = $('#myDiv').html().replace(/<br>/gi,'').replace(/<div>/gi,'<br>').replace(/<\/div>/gi,'');
    else if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1)
        var str = $('#myDiv').html().replace(/<\/br>/gi,'').replace(/<br>/gi,'<br>').replace(/<\/br>/gi,'');
    else if (navigator.userAgent.toLowerCase().indexOf("msie") == -1)
        var str = $('#myDiv').html().replace(/<br>/gi,'').replace(/<p>/gi,'<br>').replace(/<\/p>/gi,'');    
    $('#myDiv2').removeClass('invisible').addClass('visible').text(str);
    $('#myDiv3').removeClass('invisible').addClass('visible').html(str);
});

https://jsfiddle.net/kzkxo70L/1/

I had this same problem and found the solution (CHROME, MSIE, FIREFOX), follow my code in the link.

$(document).on('click','#myButton',function() {
    if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
        var str = $('#myDiv').html().replace(/<br>/gi,'').replace(/<div>/gi,'<br>').replace(/<\/div>/gi,'');
    else if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1)
        var str = $('#myDiv').html().replace(/<\/br>/gi,'').replace(/<br>/gi,'<br>').replace(/<\/br>/gi,'');
    else if (navigator.userAgent.toLowerCase().indexOf("msie") == -1)
        var str = $('#myDiv').html().replace(/<br>/gi,'').replace(/<p>/gi,'<br>').replace(/<\/p>/gi,'');    
    $('#myDiv2').removeClass('invisible').addClass('visible').text(str);
    $('#myDiv3').removeClass('invisible').addClass('visible').html(str);
});

https://jsfiddle.net/kzkxo70L/1/

回复收藏 0 原文

~没有更多了~