Question

我正在尝试使用Jodit React Editor创建自定义表格按钮，并以此作为参考-https://xdsoft.net/jodit/examples/toolbar/custom_button.html 我对此有些迷茫。我需要能够创建表格并将图标设置为文本图标，并显示“表格”

现在，我已将其添加到我的配置中-extraButtons：['tableNew']。

我还将以下代码添加到了render方法。

this.jodit.options.controls.tableNew = {
  iconURL: '',
  exec: function (editor) {
      return '<table> <thead>   <tr>  <th> Sl no </th> <th>Name</th> <th>Age</th>   </tr> </thead>'+
      ' <tbody>   <tr> <td>1</td> <td></td> <td></td>   </tr>  </tbody>  </table>';
  }
};

我看到在工具栏中添加了一个空格，悬停时显示tableNew，但单击时没有任何反应。如果有人可以帮助我，我将非常感激。

Answer 1

代替以下内容，

return '<table> <thead>   <tr>  <th> Sl no </th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody>   <tr> <td>1</td> <td></td> <td></td>   </tr>  </tbody> </table>';

尝试这样的事情：

return editor.create.fromHTML('<table> <thead>   <tr>  <th> Sl no </th> <th>Name</th> <th>Age</th>   </tr> </thead> <tbody>   <tr> <td>1</td> <td></td> <td></td>   </tr>  </tbody>  </table>');

这对我有用（类似的实现，不像您一样返回表，而是返回一些列表）。

在Jodit编辑器中创建自定义按钮

1 个答案: