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é

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

2

Anda dapat mencoba plugin ini:

TinyMCE Advanced memiliki pengaturan untuk Berhenti menghapus <p>dan <br />tag saat menyimpan dan menampilkannya di editor HTML

— fad.lee
sumber

@evanmcd Apakah Berhenti menghapus tag <p> dan <br /> ... berfungsi?

— sam

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

0

Plugin berikut berfungsi untuk saya.

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

— Rijo KP
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