使用execCommand切换H1和H2

天空化学家

我有一个简单的文本编辑器,我想像使用粗体标签一样在当前选择周围切换h1标签。使用粗体标签,我可以:

function onBoldClick() {
   document.execCommand( 'bold', false );
}

这会自动在当前选择周围切换b标签。

带有h1标签:

function onHeading1Click() {
    document.execCommand('formatBlock', false, '<h1>'); 
}

这只会将h1环绕选择,但是无法删除它。
还有另一种方法可以解决这个问题吗?Nb:应该在

汤米·阿迪(Tommy Adey)
var h1Class = 'your h1 btn class',
    removeH1Class = '.remove-h1';

$(document).on('click', h1Class, function() {
    $(this).removeClass(h1Class).addClass(removeH1Class);
    onHeading1Click();
});

$(document).on('click', removeH1Class, function() {
    $(this).removeClass(removeH1Class).addClass(h1Class);
    onRemoveH1Click();
});

function onHeading1Click() {
    document.execCommand('formatBlock', false, '<h1>'); 
}
function onRemoveH1Click() {
    document.execCommand('formatBlock', false, 'p'); 
}

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用execCommand切换H1和H2

来自分类Dev

切换<h1>标签的填充

来自分类Dev

Spring jdbctemplate h2 动态切换模式

来自分类Dev

xslt-1.0 使用 <h1> 和 <h2> 创建 xml 标签

来自分类Dev

JAWS和“真实语义标头”(h1,h2,h3)

来自分类Dev

jQuery:如何在不同的时间间隔切换H1标签?

来自分类Dev

我可以给H1和H2设置相同的字体大小吗

来自分类Dev

很难将h1和h2与CSS对齐

来自分类Dev

在同一个类中设置h1和h2的样式

来自分类Dev

水平和垂直居中 h1 和 h2

来自分类Dev

香草JavaScript切换功能将我的h2标签上移

来自分类Dev

HTML如何使H1,H2等作为链接?

来自分类Dev

列出所有h1,h2

来自分类Dev

使用PHP将大写的H1,H2,...标签转换为大写标题

来自分类Dev

使用PHP将大写的H1,H2,...标签转换为大写的标题

来自分类Dev

使用CSS为h1,h2,h3编号,并带有article标签

来自分类Dev

使用CSS为h1,h2,h3编号,并带有article标签

来自分类Dev

XSLT 2.0:从线性<h1 />-<h2 />-<h3 />标签系统构建树

来自分类Dev

XPath:获取最接近的标题元素(h1,h2,h3等)

来自分类Dev

XSLT 2.0:从线性<h1 />-<h2 />-<h3 />标签系统构建树

来自分类Dev

XPath:获取最接近的标题元素(h1,h2,h3等)

来自分类Dev

添加标题 h1、h2、h3 (Contempo)

来自分类Dev

如何在PHP中使用DOM解析器为h1,h2等创建<div>?

来自分类Dev

如何创建可以用作h1,h2,h3,h4..etc的版式组件

来自分类Dev

如何创建可以用作h1,h2,h3,h4..etc的版式组件

来自分类Dev

Why does a <h2> inside a <h1> not inherit the value of color property?

来自分类Dev

如何在jello布局中将h1,h2对齐到中心?

来自分类Dev

为什么<h1>中的<h2>不继承color属性的值?

来自分类Dev

h1标记小于h2,全部包含部分标记

Related 相关文章

  1. 1

    使用execCommand切换H1和H2

  2. 2

    切换<h1>标签的填充

  3. 3

    Spring jdbctemplate h2 动态切换模式

  4. 4

    xslt-1.0 使用 <h1> 和 <h2> 创建 xml 标签

  5. 5

    JAWS和“真实语义标头”(h1,h2,h3)

  6. 6

    jQuery:如何在不同的时间间隔切换H1标签?

  7. 7

    我可以给H1和H2设置相同的字体大小吗

  8. 8

    很难将h1和h2与CSS对齐

  9. 9

    在同一个类中设置h1和h2的样式

  10. 10

    水平和垂直居中 h1 和 h2

  11. 11

    香草JavaScript切换功能将我的h2标签上移

  12. 12

    HTML如何使H1,H2等作为链接?

  13. 13

    列出所有h1,h2

  14. 14

    使用PHP将大写的H1,H2,...标签转换为大写标题

  15. 15

    使用PHP将大写的H1,H2,...标签转换为大写的标题

  16. 16

    使用CSS为h1,h2,h3编号,并带有article标签

  17. 17

    使用CSS为h1,h2,h3编号,并带有article标签

  18. 18

    XSLT 2.0:从线性<h1 />-<h2 />-<h3 />标签系统构建树

  19. 19

    XPath:获取最接近的标题元素(h1,h2,h3等)

  20. 20

    XSLT 2.0:从线性<h1 />-<h2 />-<h3 />标签系统构建树

  21. 21

    XPath:获取最接近的标题元素(h1,h2,h3等)

  22. 22

    添加标题 h1、h2、h3 (Contempo)

  23. 23

    如何在PHP中使用DOM解析器为h1,h2等创建<div>?

  24. 24

    如何创建可以用作h1,h2,h3,h4..etc的版式组件

  25. 25

    如何创建可以用作h1,h2,h3,h4..etc的版式组件

  26. 26

    Why does a <h2> inside a <h1> not inherit the value of color property?

  27. 27

    如何在jello布局中将h1,h2对齐到中心?

  28. 28

    为什么<h1>中的<h2>不继承color属性的值?

  29. 29

    h1标记小于h2,全部包含部分标记

热门标签

归档