0

我正在尝试使用 Jodit React Editor 创建一个自定义表格按钮，并以此为参考 - https://xdsoft.net/jodit/examples/toolbar/custom_button.html 不过我对此有点迷茫。我需要能够创建一个表格并让图标成为一个文本图标，上面写着 - “表格”

现在我已经将它添加到我的配置中 - extraButtons: ['tableNew']。

我还在渲染方法中添加了以下代码。

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 但单击它时没有任何反应。如果有人可以帮助我解决这个问题，我将不胜感激。

4

1 回答 1

0

而不是以下，

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>');

这对我有用（一个类似的实现，不像你那样返回表，但返回一些列表）。

于 2019-08-20T13:30:01.830 回答