invalid_styles: {
'table': 'width' ,
'th': 'width' ,
'td': 'width' ,
} ,
このようにすると上記の3つのテーブルの widthプロパティ が設定されなくなります。
tinymce.init({
selector: '#body',
.........
↓ 以下のオプションを追加します
tinymce.init({
selector: '#body',
valid_elements: "*[*]" ,
.........
command + enter (Mac) キーのショートカットを追加する
setup: function (editor) {
editor.addShortcut(
'Meta+13', 'Submit TinyMce', function () {
alert('test');
});
},
tinymce.init({
selector: 'textarea',
toolbar: 'customStrikethrough customToggleStrikethrough',
setup: function (editor) {
editor.ui.registry.addToggleButton('customStrikethrough', {
text: 'Strikethrough',
onAction: function (api) {
editor.execCommand('mceToggleFormat', false, 'strikethrough');
api.setActive(!api.isActive());
}
});
editor.ui.registry.addToggleButton('customToggleStrikethrough', {
icon: 'strike-through',
onAction: function (_) {
editor.execCommand('mceToggleFormat', false, 'strikethrough');
},
onSetup: function (api) {
editor.formatter.formatChanged('strikethrough', function (state) {
api.setActive(state);
});
}
});
},
});
https://www.tiny.cloud/docs/ui-components/typesoftoolbarbuttons/
アイコンはこちら https://www.tiny.cloud/docs/advanced/editor-icon-identifiers/
end_container_on_empty_block: true
（「Return」キーを改行などに書き換えている場合は ＜p＞タグを2連続で抜けることができます。）
https://www.tiny.cloud/docs/configure/advanced-editing-behavior/#end_container_on_empty_block
https://www.tiny.cloud/get-tiny/language-packages/
ここから japanese をダウンロードします。
ダウンロードした ja.js をサーバにアップロードします。
language を ja にします。
language_url に 言語の .js ファイルを指定します。
tinymce.init({
selector: 'textarea',
language: 'ja' ,
language_url: 'https://mysite.com/tinymcd/langs/ja.js'
});
relative_urls: false ,
remove_script_host : false,
https://takahashi-it.com/javascript/summernote-enter-br-insted-of-p/
↑ こちらの方法が簡単に実装できてとても良いです。
Summernoteの insertParagraph() メソッドは現在のカーソル位置に＜p＞タグを追加します。
カーソルがすでにある＜p＞タグの中に存在すると、段落が分断されます。
そこで、Summernoteのエディタの先頭に段落を追加するようにします。
var v = $( ".my_note" ).val();
$( ".my_note" ).summernote('code', '<p>段落テスト</p>' + v );