I have this wysiwyg in a table > tbody > td
<td>
<textarea class="wysiwyg" maxlength="2000"></textarea>
</td>
This is my js for initialisation
const initWysiwygs = (config = {}, wysiwygSelector = '.wysiwyg') => {
if ($(wysiwygSelector).length <= 0) return;
if (Object.keys(config).length <= 0 ) {
config = {
editHTMLDocumentMode: true,
toolbarButtonSize: "small",
disablePlugins: "paste-storage,clipboard,key-arrow-outside,error-messages,font,format-block,fullsize,hotkeys,iframe,indent,inline-popup,justify,limit,link,mobile,ordered-list,powered-by-jodit,placeholder,redo-undo,resizer,search,select,resize-handler,source,stat,sticky,symbols,tooltip,tab,xpath,image-properties,image-processor,file,resize-cells,select-cells,table-keyboard-navigation,table,copy-format,size,about,focus,class-span,backspace,enter,wrap-text-nodes,print,preview,hr",
askBeforePasteHTML: false,
askBeforePasteFromWord: false,
defaultActionOnPaste: "insert_as_html"
}
} // default config
$(wysiwygSelector).each(function () {
new Jodit(this, config);
});
}
When I try to add a width, it resizes. If I remove the wysiwyg from the <table> everything is fine.
I want to know How can I use the jodit in a <table>?