Запретить WYSIWYG удалять классы html

Я использую bootstrap 3 с редактором wysiwyg, и всякий раз, когда я вставляю некоторый HTML-код после выбора кнопки источника html в редакторе.

<div class="col-sm-6">
Some Element
</div>
<div class="col-sm-3">
Some Element
</div>
<div class="col-sm-3">
<img src="somesource" class="img-resposnsive" />
</div>

Он удаляет весь класс на стороне клиента, то есть при копировании, и вставляет код как: -

<div>
Some Element
</div>
<div>
Some Element
</div>
<div >
<img src="somesource" />
</div>

Как я могу предотвратить это.

Это редактор WysiWYG, на который я ссылаюсь здесь: - https://github.com/xing/wysihtml5


person John Cargo    schedule 22.09.2014    source источник


Ответы (1)


Похоже, что эта проблема все еще открыта, и предлагаемое решение не было объединено с мастер, но автор jakcarlton объясняет:

Это изменение позволяет переносить все классы, используя * в хеше классов.

class: { *:1 }` позволит перенести все классы, в противном случае только те, которые внесены в белый список

Вы можете вручную объединить изменения и собрать все это из исходного кода. Или просто подождите, пока слияние будет одобрено!

person filoxo    schedule 22.09.2014
comment
Я отредактировал файл :- bootstrap3-wysiwyg5.js с контейнером: 1, *: 1, но он принимает только контейнер, а не все. - person John Cargo; 22.09.2014
comment
Имеет смысл, что это не сработает; это не то, что вам нужно изменить. Вам нужно объединить изменения, внесенные jakcarlton (см. здесь), а затем построить из этого источника. Это может быть непросто, если вы не знакомы с созданием библиотеки локально из исходников, но это может быть вашим единственным решением, пока Xing не объединит предложенные изменения кода. - person filoxo; 22.09.2014