x-editable и конфигурация панели инструментов bootstrap-wysihtml5 как data-wysihtml5

Я пытаюсь использовать x-editable с настройкой типа данных wysihtml5, чтобы получить встроенный редактор для диапазона.

<span id="username" class="editable" data-type="wysihtml5" data-pk="2"
 data-content="Content" data-wysihtml5="{'link':false}" data-url="/home/SaveEdits" 
data-title="Enter username">My editable content goes here.</span>

Мой JQuery:

 $.fn.editable.defaults.mode = 'inline';
$('.editable').editable();

Я хотел бы удалить некоторые кнопки с панели инструментов. В документах говорится, что это можно сделать, отредактировав значение data-wysihtml5 в диапазоне. Но это, кажется, не работает. Что мне не хватает?


jquery twitter-bootstrap x-editable bootstrap-wysihtml5
person John S    schedule 21.01.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я не уверен, работает ли конфигурация через атрибут данных, и, на мой взгляд, вы получаете уродливую разметку. Вам лучше попробовать настроить панель инструментов с помощью JS/Jquery следующим образом:

    $('.editable').editable({
        url: '/post',
        title: 'Enter comments',
        showbuttons: 'bottom',
        onblur: 'ignore',
        wysihtml5: {
          "image": false,
          "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true
          "emphasis": true, //Italics, bold, etc. Default true
          "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true
          "html": false, //Button which allows you to edit the generated HTML. Default false
          "link": true, //Button to insert a link. Default true
       },
    });

Удачи!

person Eugen Zaharia    schedule 06.07.2015