TinyMCE - 如何添加一个用标签包裹所选文本的按钮

2024-01-01

我目前正在使用 TinyMCE,并想添加一个自定义按钮,其工作原理如下:

  1. 用户在文本编辑器中突出显示文本
  2. 用户单击自定义按钮 X
  3. 文本(遛狗)用标签(遛狗)包裹

关于这是否可以做到有什么想法吗?我已经弄清楚如何使自定义按钮注入文本,但不换行文本...这是当前代码:

// Add a custom button
ed.addButton('mybutton', {
    title : 'My button',
    'class' : 'MyCoolBtn',
    image : 'MyCoolBtn.png',
    onclick : function() {
        // Add you own code to execute something on click
        ed.focus();
        ed.selection.setContent('<strong>Hello world!</strong>');
    }
});

thanks!


ed.addButton('mybutton', {
  title: 'My button', 
  class: 'MyCoolBtn', 
  image: 'MyCoolBtn.png', 
  onclick: function() { 
    // Add your own code to execute something on click 
    ed.focus();
    ed.selection.setContent('<tag>' + ed.selection.getContent() + '</tag>');
  }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TinyMCE - 如何添加一个用标签包裹所选文本的按钮 的相关文章

随机推荐