переопределение стиля формата при инициализации tinymce - PullRequest
Новая
       10

переопределение стиля формата при инициализации tinymce

0 голосов
/ 01 апреля 2019

это то, как выглядит моя tinymce, прежде чем я добавляю код инициализации tinymce

enter image description here

            tinymce.init({
              selector: 'textarea',  // change this value according to your html
              toolbar: "styleselect",
              style_formats: [
                {title: 'main title', inline: 'span', styles: {'text-decoration':'underline','text-decoration-color':'#f00', color: '#000','font-size': '26px','font-weight' : '700', 'display': 'inline-block', 'margin-bottom': '55px','text-align':'center','width':'100%'}},
                {title: 'Bold text', inline: 'b'},
                {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
                {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
                {title: 'Cowanbanga', inline: 'span', classes: 'example1'},
                {title: 'Example 2', inline: 'span', classes: 'example2'},
                {title: 'Table styles'},
                {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
              ]
            });

, и это выглядит так послекод:

enter image description here

Что я могу сделать, чтобы по-прежнему сохранять style_formats без потери всех кнопок интерфейса.Я хотел, чтобы они остались /

Спасибо

1 Ответ

1 голос
/ 05 апреля 2019

Что вы там сделали - вы переопределили свойство панели инструментов, которое по умолчанию выглядит примерно так: undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent, всего с одним styleselect.Попробуйте вместо этого ввести styleselect в значение по умолчанию. 

tinymce.init({
  selector: 'textarea',  // change this value according to your html
  toolbar: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent",
  style_formats: [
	{title: 'main title', inline: 'span', styles: {'text-decoration':'underline','text-decoration-color':'#f00', color: '#000','font-size': '26px','font-weight' : '700', 'display': 'inline-block', 'margin-bottom': '55px','text-align':'center','width':'100%'}},
	{title: 'Bold text', inline: 'b'},
	{title: 'Red text', inline: 'span', styles: {color: '#ff0000'}},
	{title: 'Red header', block: 'h1', styles: {color: '#ff0000'}},
	{title: 'Cowanbanga', inline: 'span', classes: 'example1'},
	{title: 'Example 2', inline: 'span', classes: 'example2'},
	{title: 'Table styles'},
	{title: 'Table row 1', selector: 'tr', classes: 'tablerow1'}
  ]
});
<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/4.5.1/tinymce.min.js"></script>
<form method="post" action="dump.php">
    <textarea name="content"></textarea>
</form>

Список всех возможных кнопок и других элементов управления здесь .

...