Сохранять формат HTML при переключении с визуального на HTML-редактор

12

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

Я попробовал кучу вещей без удачи:

  • плагин wp-no-format
  • необработанный HTML-плагин
  • ввод всего моего HTML в одну строку

Если бы только я управлял контентом, я бы отключил визуальный редактор. Но так как у меня есть несколько менеджеров контента и страниц, на которых есть HTML (например, формы) и контент, который они должны редактировать, это не вариант.

Любые предложения будут с благодарностью.

html visual-editor formatting evanmcd
источник
Вы пытаетесь отобразить код в сообщении / странице
xLRDxREVENGEx
HTML-код чаще всего отображается на странице, да.
evanmcd
Я только что добавил несколько подсветок синтаксиса плюс результаты поиска
xLRDxREVENGEx
Единственное решение, которое я нашел, который уважает код в представлении HTML и визуальном редакторе, - это rawhtmlpro.com
Сильвен Райе,

Ответы:

7

Я точно знаю, что вы чувствуете, и, к сожалению, эта проблема коренится в основном коде WordPress, а не в TinyMCE или из-за проблем совместимости браузера. Я написал плагин, который позволяет форматировать html-разметку в редакторе HTML, переключаться между ней и вкладкой Visual без изменения исходного кода и вносить изменения во вкладку Visual без нарушения исходного форматирования HTML ...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

Он также сохраняет отступы с вкладками - только 4 пробела :( - и повышает совместимость с HTML5.

Единственная «ловушка» в том, что она отключает wpautop. Я цитирую ловушку, потому что некоторые люди ненавидят, что редактор оборачивает теги p своим контентом, в результате визуальный редактор вместо них будет использовать теги br для возврата каретки - так что вам может потребоваться настроить таблицы стилей.

Наслаждайтесь!

Маркус Папа
источник
1
Я обновил плагин с несколькими функциями, которые решают проблему без wpautop. Теперь визуальный редактор можно настроить так, чтобы он вставлял теги p или br или оба (два последовательных символа новой строки создают тег ap). Он также поддерживает встроенный javascript и css. В версии 1.5, которая скоро будет выпущена, она также будет поддерживать блоки кода javascript. Если вы хотите, чтобы ваша разметка выглядела так, как вы ее написали, это определенно плагин для использования. Ничто из того, что я пробовал, близко
Маркус Папа
Большое спасибо, это единственное найденное мной решение, которое позволяет визуальному редактору (после сохранения) не изменять HTML.
JackJoe
Сегодня 2015, и у плагина есть обновление
Ooker
Все еще работает как шарм!
Joseantgv
0

Если есть только фрагменты кода, которые вы не хотите искажать, вы можете альтернативно сохранить этот чувствительный HTML / embed / etc в пользовательских полях.

Используя этот плагин для шорткода, вы можете включить настраиваемые поля RAW внутри любого поста, страницы или даже виджета с чем-то вроде: [включите «мое имя настраиваемого поля»]. Он также может извлекать общие фрагменты из других сообщений с помощью чего-то вроде [include global = "shared_code_menu"].

Это дешевая альтернатива и имеет ограничения, но она легкая и простая.

http://pp19dd.com/wordpress-plugin-include-custom-field/

pp19dd
источник
-1

Хорошо, теперь давайте перейдем к ответу. Вы хотите что-то подобное

-Title-
Образец сообщения

-content-
lalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Список подсветки синтаксиса
- Кнопка SyntaxHighlighter TinyMCE
- WP SyntaxHighligter
- RBCODE
- Результат поиска из Wordpress Extend

xLRDxREVENGEx
источник
Хм, честно говоря, не уверен, что вы пытаетесь донести до этого ответа. Можете ли вы объяснить немного больше? Вы понимаете природу проблемы, которую я пытаюсь решить?
evanmcd
Я спросил, хотите ли вы показать HTML, который вы сказали да. Вот что делает подсветка синтаксиса. Теперь, если это не то, что вы ищете, то извините, но вот как я это читаю. Итак, вы пытаетесь использовать собственный HTML внутри поста, чтобы изменить внешний вид поста?
xLRDxREVENGEx
Проблема, которую я пытаюсь решить: 1) введите HTML в HTML View. 2) переключиться в режим просмотра. 3) переключиться обратно на просмотр HTML. HTML был изменен, когда я не хочу, чтобы это было.
evanmcd
да, я только что понял, что происходит, я никогда не использую представление не HTML, поэтому я никогда не осознавал этого. Я все еще пытаюсь понять это
xLRDxREVENGEx