如何制作一个按钮，该按钮将使用特定类包装div中的选定文本

Question

我在我的网站管理面板的文本区使用nicedit。现在我想添加一个自定义按钮，它将使选定的文本在class=info的div中换行。我用了nicedit wiki上的信息。这里是我的js文件代码到目前为止:

/**
* nicInfodiv
* @description: Adds blue square wrapper to text
* @requires: nicCore, nicPane, nicAdvancedButton
* @author: Brian Kirchoff
* @version: 0.9.0
*/
/* START CONFIG */
var nicInfodivOptions = {
    buttons : {
        'infodiv' : {name : __('Some alt text for the button'), type : 'nicEditorInfodiv'}
    }/* NICEDIT_REMOVE_START */,iconFiles : {'infodiv' : '/js/nicInfodiv/icons/div.gif'}/* NICEDIT_REMOVE_END */
};
/* END CONFIG */
var nicEditorInfodiv = nicEditorButton.extend({   
  mouseClick : function() {
   //WHAT SHOULD I WRITE HERE????
  }
});
nicEditors.registerPlugin(nicPlugin,nicInfodivOptions);

我到处都找不到帮助。谁能给我适当的代码写在鼠标点击事件，使它将添加div class=info包装选定的文本?有人能帮帮我吗?

Answer 1

您可以使用.wrap()

$(this).wrap('<div class="info"></div>');

这将在每次单击元素时在元素周围创建一个新的包装器div。如果允许多次单击此选项，则可能希望在创建元素时创建一次包装器div，然后简单地将info类添加到父div中。

$(this).parent().addClass('info');