Сохранять формат 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

2

Вы можете попробовать это плагины:

TinyMCE Advanced имеет настройки для останова удаления <p>и <br />тегов при сохранении и показать их в HTML - редакторе

— fad.lee
источник

@evanmcd Прекратили ли удаление тегов <p> и <br /> ... ?

— Сэм

0

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

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

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

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

— pp19dd
источник

0

Следующий плагин работал на меня.

https://wordpress.org/plugins/embedit-pro/

— Риджо КП
источник

-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