Visual'dan HTML düzenleyicisine geçerken HTML biçimini koru

12

HTML kodunu düzenlememe ve Visual editörüne geçişten sonra geri dönmesine izin verecek bir çözüm arıyordum.

Şanssız bir sürü şey denedim:

wp-formatsız eklenti
Ham HTML eklentisi
tüm HTML kodumu bir satıra girme

Sadece içeriği yönetiyor olsaydım, Görsel editörü devre dışı bırakırdım. Ancak, bir dizi içerik yöneticim ve HTML (örneğin formlar) ve düzenlemek zorunda oldukları içerik bulunan sayfalara sahip olduğum için, bu bir seçenek değil.

Herhangi bir öneri büyük takdir edilecektir.

html visual-editor formatting

— evanmcd
kaynak

kodu bir yazıda / sayfada görüntülemeye mi çalışıyorsunuz

— xLRDxREVENGEx

HTML kodu en yaygın olarak bir sayfada görüntülenir, evet.

— evanmcd

Birkaç sözdizimi vurgulayıcısını ve arama sonuçlarını

— ekledim

HTML ve Görsel Editör görünümünde kodlara saygı gösteren tek çözüm rawhtmlpro.com'dur

— Sylvain Rayé

7

Tam olarak nasıl hissettiğini biliyorum ve ne yazık ki bu sorun wordM çekirdek kodunda TinyMCE'de değil veya tarayıcı uyumluluk sorunlarından kaynaklanıyor. HTML düzenleyicisinde html işaretlemesini biçimlendirmenize, kaynak kodunu etkilemeden görsel sekme arasında geçiş yapmanıza ve orijinal HTML biçimlendirmesini bozmadan Görsel sekmesinde değişiklikler yapmanıza olanak tanıyan bir eklenti yazdım ...

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

Ayrıca sekmeli girintileri de korur - yalnızca 4 boşluk :( - ve HTML5 uyumluluğunu geliştirir.

Tek "tuzak", wpautop'u devre dışı bırakmasıdır. Bazı insanlar, editörün p etiketlerini içeriklerinin etrafına sarmasından nefret ediyorlar, bunun sonucunda Görsel düzenleyici satır başı için br etiketleri kullanacak - böylece stil sayfalarınızı ayarlamanız gerekebilir.

Zevk almak!

— Marcus Pope
kaynak

1

Eklentiyi wpautop sorununu çözen birkaç özellikle güncelledim. Şimdi görsel düzenleyici p etiketleri veya br etiketleri veya her ikisini de enjekte etmek için yapılandırılabilir (art arda iki yeni satır ap etiketi oluşturur.) Ve satır içi javascript ve css'i destekler. Sürüm 1.5, yakında çıkacak javascript kod bloklarını da destekleyecektir. İşaretlemenizin yazdığınız gibi görünmesini istiyorsanız, kesinlikle kullanılacak eklentidir. Denediğim hiçbir şey yaklaşmıyor.

— Marcus Pope

Çok teşekkür ederim, görsel düzenleyiciyi (kaydettikten sonra) HTML'yi değiştirmeyen yapan bulduğum tek çözüm bu.

— jackJoe

Bugün 2015 ve eklentinin bir güncellemesi var

— Ooker

Hala bir cazibe gibi çalışıyor!

— joseantgv

2

Bu eklentileri deneyebilirsiniz:

TinyMCE Advanced ayarını gelmiş Dur çıkarmadan <p>ve <br />etiketleri tasarrufu ve HTML editörü gösterince

— fad.lee
kaynak

@evanmcd <p> ve <br /> etiketlerini kaldırmayı durdurdunuz mu?

— sam

0

Yalnızca kodun karıştırılmasını istemediğiniz bölümler varsa, bu hassas HTML / embed / etc'yi özel alanlara da depolayabilirsiniz.

Bu kısa kod eklentisini kullanarak, herhangi bir gönderinin, sayfanın veya hatta widget'ın içine RAW özel alanlarını dahil edebilirsiniz: ["özel alan adımı dahil et"]. Ayrıca, [include global = "shared_code_menu"] gibi bir şeyle diğer yayınlardaki ortak snippet'leri de çekebilir.

Ucuz bir alternatiftir ve sınırlamaları vardır, ancak hafif ve basittir.

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

— pp19dd
kaynak

0

Aşağıdaki eklenti benim için çalıştı.

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

— Rijo KP
kaynak

-1

Tamam, şimdi bunu bir cevaba taşıyalım. Böyle bir şey ister misin

-Başlık-
Örnek Yazı

-içerik-
lalalalalalalalalalalala

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

Sözdizimi Vurgulayıcıların listesi
- SyntaxHighlighter TinyMCE Düğmesi
- WP SyntaxHighligter
- RBCODE
- Wordpress Extend Arama Sonuçları

— xLRDxREVENGEx
kaynak

Hmm, dürüstçe bu cevapla neyle karşılaşmaya çalıştığınızdan emin değilim. Biraz daha açıklayabilir misiniz? Çözmeye çalıştığım sorunun doğasını anlıyor musunuz?

— evanmcd

Evet dediğin HTML'yi göstermek isteyip istemediğini sordum. Yani bir sözdizimi vurgulayıcı budur. Şimdi aradığınız şey bu değilse özür dilerim ama bunu nasıl okudum. Peki, yayının görünümünü değiştirmek için bir yayının içinde özel html kullanmaya mı çalışıyorsunuz?

— xLRDxREVENGEx

Ben çözmeye çalışıyorum sorun: 1) HTML görünümünde HTML girin. 2) Tasarım Görünümüne geçin. 3) HTML Görünümüne geri dönün. HTML olmasını istemediğimde değiştirildi.

— evanmcd

evet ben sadece fark ettim ki html olmayan görünümü hiç kullanmadım ve bunu hiç farketmedim Hala anlamaya çalışıyorum

— xLRDxREVENGEx