it-swarm-id.com

JCE / TinyMCE - Terus berupaya Memperbaiki HTML yang Valid & Tidak Valid

Dari semua editor Joomla yang kami gunakan, JCE paling sesuai dengan tujuan dan klien kami. Tetapi ada beberapa masalah dengan editor yang dapat menyebabkan masalah ketika kita membuat kode sesuatu, kemudian beralih ke wysiwyg dan editor mencoba untuk 'memperbaiki' html kita yang benar-benar valid.

Sebelum Anda mengajukan pertanyaan - ya, kami telah menetapkannya untuk mengizinkan semua elemen yang suka dibatasi oleh JCE, dan tidak, itu TIDAK diatur untuk memvalidasi/membersihkan html. Satu-satunya batasan yang kami miliki adalah menempelkan konten ke editor.

Pameran A:

<a href="#"></a>

Ini akan hilang di toggling editor dan kembali. Digantikan dengan:

<p>&nbsp;</p>

Pameran B:

<a id="#nameofanchor"></a>

Perubahan ke:

<p>&nbsp;</p>

Pameran C:

<div><a id="#nameofanchor"></a></div>

Perubahan ke:

<div>&nbsp;</div>

Pameran D:

<a id="hello" class="link">Hello</a>

Perubahan ke:

<p><a id="hello" class="link"></a>Hello</p>

Pameran E:

<a href="#">
<div>
<h2>Our Work</h2>
</div>
</a>

Perubahan ke:

<p><a href="#"></a></p>
<div>
<h2><a href="#">Our Work</a></h2>
</div>
<p>&nbsp;</p>

Sekarang, kami ingin menggunakan id bukan nama untuk jangkar kami, karena itu berlaku di bawah HTML5, sedangkan nama secara teknis tidak. Juga, di jagat raya apa id tugas yang tidak valid untuk sebuah tautan?

Juga, sekarang benar-benar sah untuk membungkus div dengan tautan, mengapa JCE juga akan menghapusnya?

Apakah ini hanya pengaturan yang saya lewatkan? Adakah yang memiliki wawasan tentang bagaimana saya dapat menggunakan editor sehingga kami dapat membuat kode sesuai kebutuhan di editor, tetapi klien kami tidak dapat merusaknya hanya dengan menyimpan di wysiwyg?

Sunting: Saya sudah menguji ini di chrome, firefox dan safari. Jangan berpikir itu ada hubungannya dengan browser.

Sunting: Saya sudah menguji ini dengan pengaturan wadah. Kedua Paragraph Container & Paragraph pada Enter dan Div Container & Div on enter menyebabkan hal ini. Dua lainnya, Tidak ada wadah & Paragraf masuk, Tidak Ada Wadah & linebreak saat masuk, jangan menyebabkannya. Masalahnya adalah - Saya perlu pengaturan pertama! Sebaiknya memberi manfaat pada klien dengan keraguan, mereka tidak bisa dipercaya untuk mengikuti instruksi dan menambahkan pemformatan paragraf ke teks mereka.

Dikonfirmasi: Ini juga terjadi dengan TinyMCE.

Jadi - kita tahu apa yang menyebabkan ini - pengaturan Kontainer Paragraf - sekarang bagaimana kita mengatasinya sambil mempertahankan pengaturan itu tetap hidup?

9
Faye

Saya menggunakan Editor JCE di semua situs kami, tetapi kami sudah mulai menginstal Sourcerer oleh NoNumbers. Ini memberi tombol INSERT CODE mudah untuk editor JCE yang melindunginya dari modifikasi.

http://www.nonumber.nl/extensions/sourcerer

7
YellowWebMonkey

Ada beberapa pengaturan rahasia untuk JCE. Saya tahu pengaturan berikut berhenti &nbsp; ditambahkan ke div kosong, mungkin digunakan untuk menghapus float, yang menyebabkan masalah ketinggian garis saat diterjemahkan:

In the Editor Global Configuration, add:
remove_div_padding:1 
to Custom Configuration Variables. 

Saya berharap ada lebih banyak yang dapat mengontrol aspek editor.

2
BodgeIT

Saya pikir itu harus menjadi pengaturan tipografi di: Profil -> Parameter Editor -> Tipografi. Cobalah untuk mengatur Elemen Kontainer & Masukkan Kunci ke NoContainer & LineBreak pada Enter untuk melihat apakah itu masih menerapkan perubahan pada html Anda.

Juga ingat bahwa pengaturan Validasi HTML memiliki pengaturan untuk setiap profil Editor dan bahwa Joomla juga menyediakan filter global di halaman konfigurasi global yang ditetapkan oleh usergroup. Pastikan tidak ada pengaturan di sana untuk setiap grup pengguna.

1
FFrewin

Perilaku ini tidak unik untuk JCE. TinyMCE berperilaku dengan cara yang sama. Perilaku ini mungkin tidak terbatas pada TinyMCE, itu bisa menjadi perilaku DOM browser.

JCE benar-benar pergi ke masalah mencoba untuk menyimpan beberapa tag kosong, metode yang digunakan adalah dengan mengisi spasi.

https://github.com/widgetfactory/jce-editor/blob/master/editor/tiny_mce/plugins/cleanup/editor_plugin.js

0
Peter Wiseman