semanticeditor adalah plugin Django CMS untuk mengedit teks & nbsp;. Hal ini memungkinkan Anda untuk mengedit situs web dengan cara semantik, dan kemudian menetapkan presentasi dan tata letak rincian untuk setiap bagian dari teks. Mendukung layout kolom kompleks menggunakan satu set sederhana dari kontrol (baris baru, kolom baru).
Kelas CSS disimpan dalam database, dan dapat terbatas pada unsur-unsur tertentu (p, ul, li dll) dan untuk template tertentu.
Proyek ini digunakan sebagai bagian dari Arkestra oleh Cardiff University School of Medecine, yang dikandung dari sistem.
Ikhtisar
Tujuannya adalah untuk memiliki editor di mana konten diedit semantis, dan kedua kolom layout dan styling diterapkan secara terpisah. Namun, dalam database hanya HTML gabungan disimpan. Jadi, kami memiliki situasi berikut:
Konten HTML disimpan dalam database seperti:
& Nbsp;
& Nbsp;
Heading
& Nbsp; Beberapa teks
& Nbsp; & Nbsp;
& Nbsp;
Beberapa teks lebih
& Nbsp;
Ini dimuat ke editor kustom dalam browser yang kemudian segera melakukan beberapa AJAX panggilan ke server untuk menguraikannya menjadi disederhanakan HTML:
Heading
Beberapa teks
Beberapa teks lebih
dan array obyek menentukan presentasi misalnya:
[
& Nbsp; {'h1_1': ['mewah']}, # gaya untuk H1
& Nbsp; {'p_1': ['catatan', 'berbatasan']}, # gaya untuk P
& Nbsp; {'newrow_h1_1': 'newrow'}, # menentukan baris sebelum h1_1
& Nbsp; {'newrow_p_2': 'newcolum'},
]
Kedua bagian ini kemudian diedit secara terpisah, yaitu pengguna tidak melihat HTML gabungan ketika mengedit. Sebelum menyimpan ke database, editor tidak AJAX memanggil untuk menggabungkan dua bagian. Perhatikan penggunaan 'id' atribut ditambahkan untuk membantu mengidentifikasi apa informasi styling milik - ini akan dihapus sebelum menyimpan di database.
Tergantung pada GUI untuk mengedit info presentasi, pengguna mungkin harus menekan tombol 'refresh' sehingga mereka dapat menetapkan Info presentasi untuk paragraf baru masuk dan judul dll paragraf baru masuk dan judul jelas tidak akan memiliki 'id' atribut , sehingga HTML mungkin harus diperbarui pada saat ini juga, jadi semuanya memiliki id.
WYMeditor ekstensi
Aplikasi Editor Semantic memberikan versi sendiri WYMeditor. Ini berasal dari kulit / template ditemukan di Django-cms2, dengan penyesuaian berikut:
& Nbsp; * nama kulit berubah dari 'Django' ke 'semanticeditor'. Hal ini diperlukan jika kita membiarkan dua versi yang berbeda dari WYMeditor pada halaman yang sama, satu menggunakan kontrol WYMeditor + CMS normal, lain dengan 'semantik editor kontrol penuh, untuk bagian lagi dari konten.
& Nbsp; * File skin.js menghilangkan panel 'kelas', karena ini tidak diperlukan dan digantikan oleh unsur-unsur dinamis.
& Nbsp; * skins.css - menambahkan styling untuk kontrol presentasi tambahan
& Nbsp; * plugin WYMeditor bernama 'semantik' telah ditambahkan. Ini mengimplementasikan sebagian besar logika sisi klien untuk aplikasi ini.
& Nbsp; * template editorwidget.html telah berubah. Secara khusus:
- Kulit telah berubah menjadi 'semanticeditor'
- Panggilan untuk wymeditor.semantic () telah ditambahkan untuk mengatur plugin.
& Nbsp; * a Django widget baru 'SemanticEditor' telah diciptakan yang mewarisi dari Django widget 'WYMEditor' di Django-cms2. Hal ini diperlukan agar:
- Yang WYMeditor 'semantik' Plugin javascript file dapat ditambahkan ke Media
- Template editorwdiget.html kami dapat digunakan
Apa yang baru dalam rilis ini:
- Kompatibilitas dengan Django-cms 2.3. dan 2,4
- Pengelompokan kelas CSS berdasarkan kategori
- Tombol untuk membuka editor di tab baru
- perbaikan UI
- ketik Tetap yang menyebabkan kegagalan total plugin semantik bawah jQuery 1.4.2
- perbaikan bug lainnya
Apa yang baru di versi 0.2.1:
- bug kemasan Tetap (tidak ada template atau media statis)
Persyaratan :
12 May 15
Komentar tidak ditemukan