Simpan format HTML saat beralih dari Visual ke HTML editor

12

Saya telah mencari-cari solusi yang akan memungkinkan saya untuk mengedit kode HTML dan memilikinya tetap setelah beralih ke editor Visual dan kembali.

Saya sudah mencoba banyak hal tanpa hasil:

  • plugin wp-no-format
  • plugin HTML mentah
  • memasukkan semua HTML saya pada satu baris

Jika hanya saya yang mengelola konten, saya akan menonaktifkan editor Visual. Tetapi karena saya memiliki sejumlah pengelola konten, dan halaman yang berisi HTML (formulir, misalnya) dan konten yang perlu mereka edit, itu bukan pilihan.

Setiap saran akan sangat dihargai.

html visual-editor formatting evanmcd
sumber
apakah Anda mencoba menampilkan kode di pos / halaman
xLRDxREVENGEx
Kode HTML paling sering ditampilkan di halaman, ya.
evanmcd
Saya baru saja menambahkan beberapa highlighter sintaks ditambah hasil pencarian
xLRDxREVENGEx
Satu-satunya solusi yang saya temukan yang menghormati kode dalam tampilan HTML dan Visual Editor adalah rawhtmlpro.com
Sylvain Rayé

Jawaban:

7

Saya tahu persis bagaimana perasaan Anda, dan sayangnya masalah ini berakar pada kode inti wordpress bukan di TinyMCE atau karena masalah kompatibilitas browser. Saya menulis sebuah plugin yang memungkinkan Anda untuk memformat markup html di editor HTML, beralih bolak-balik antara itu dan tab Visual tanpa mempengaruhi kode sumber, dan membuat perubahan pada tab Visual tanpa melanggar format HTML asli ...

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

Ini juga mempertahankan lekukan tab - hanya 4 spasi :( - dan meningkatkan kompatibilitas HTML5.

Satu-satunya "perangkap" adalah bahwa ia menonaktifkan wpautop. Saya mengutip jebakan karena beberapa orang benci bahwa editor membungkus p tag di sekitar konten mereka, sebagai akibatnya editor Visual akan menggunakan br tag untuk pengembalian kereta - sebagai gantinya, Anda mungkin perlu menyesuaikan stylesheet Anda.

Nikmati!

Marcus Pope
sumber
1
Saya telah memperbarui plugin dengan beberapa fitur yang menyelesaikan masalah no wpautop. Sekarang editor visual dapat dikonfigurasi untuk menyuntikkan tag p atau tag br atau keduanya (dua baris baru berturut-turut membuat tag ap.) Dan mendukung inline javascript dan css. Dalam versi 1.5, segera akan dirilis itu akan mendukung blok kode javascript juga. Jika Anda ingin markup Anda terlihat seperti Anda menulisnya, itu pasti plugin yang digunakan. Tidak ada yang saya coba mendekati.
Marcus Pope
Terima kasih banyak, ini adalah satu-satunya solusi yang saya temukan yang membuat editor visual (setelah disimpan) tidak mengubah HTML.
jackJoe
Hari ini adalah tahun 2015, dan plugin memiliki pembaruan
Ooker
Masih bekerja seperti pesona!
joseantgv
0

Jika hanya ada beberapa bagian kode yang tidak ingin Anda campur aduk, Anda bisa menyimpan alternatif HTML / embed / etc yang sensitif itu ke dalam bidang khusus.

Dengan menggunakan plugin kode pendek ini, Anda dapat memasukkan RAW bidang khusus di dalam setiap pos, halaman, atau bahkan widget dengan sesuatu seperti: [termasuk "nama bidang kustom saya"]. Itu juga dapat menarik cuplikan umum dari pos lain dengan sesuatu seperti [include global = "shared_code_menu"].

Ini adalah alternatif yang murah dan memiliki keterbatasan, tetapi ringan dan lurus ke depan.

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

pp19dd
sumber
-1

Ok jadi mari kita pindahkan ini ke jawaban sekarang. Apakah Anda menginginkan sesuatu seperti ini

-Title-
Contoh Postingan

-content-
lalalalalalalalalalalala

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

Daftar Penyorot Sintaks
- Sintaks Tinggi Tombol TinyMCE
- WP Sintaks Tinggi
- RBCODE
- Hasil Pencarian Dari Wordpress Perluas

xLRDxREVENGEx
sumber
Hmm, jujur ​​tidak yakin apa yang Anda coba sampaikan dengan jawaban itu. Bisakah Anda jelaskan lebih banyak? Apakah Anda memahami sifat masalah yang saya coba selesaikan?
evanmcd
Saya bertanya apakah Anda ingin menunjukkan html yang Anda katakan ya. Jadi itulah yang dilakukan oleh stabilo sintaksis. Sekarang jika itu bukan yang Anda cari maka maaf tapi itulah yang saya baca. Jadi, apakah Anda mencoba menggunakan html khusus di dalam kiriman untuk mengubah penampilan kiriman?
xLRDxREVENGEx
Masalah yang saya coba pecahkan: 1) masukkan HTML di HTML View. 2) beralih ke Tampilan Desain. 3) beralih kembali ke Tampilan HTML. HTML telah dimodifikasi ketika saya tidak menginginkannya.
evanmcd
ya saya baru sadar itu terjadi saya tidak pernah menggunakan tampilan non html jadi saya tidak pernah menyadarinya. Saya masih mencoba mencari tahu
xLRDxREVENGEx