Wyłącz załączanie tagów w CKEditor 3.0

W Internecie ludzie zauważyli, że ustawienie config.enterMode do CKEDITORA.ENTER_BR usuwa znaczniki akapitu zawijania z CKEditor. Warto zauważyć, że ustawienie zmienia zachowanie klawisza enter, aby wstawiać podziały wierszy, a nie akapity, co nie jest pożądane.

Zobacz: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.enterMode "zaleca się stosowanie CKEDITORA.Ustawienie ENTER_P ze względu na jego wartość semantyczną i poprawność."

Jednak ustawienie, które ma na celu usunięcie tego początkowego akapitu, config.autoParagraph również nie jest wskazane, ponieważ wprowadza "nieprzewidywalne problemy z użytecznością", ponieważ edytor naprawdę chce najwyższego poziomu elementu blokowego.

Zobacz: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.autoParagraph

Magia dzieje się na wysiwygarea / plugin.js, linia 410, gdzie edytor wybiera domyślny element blokowy na podstawie config.enterMode. Opcja konfiguracyjna zmiany domyślnego elementu blokowego pozwoli nam zacząć od div, ale będziemy nadal otrzymywać więcej divów z każdym naciśnięciem klawisza enter, chyba że zmienimy format akapitu za pomocą menu.

Zobacz: http://docs.cksource.com/ckeditor_api/symbols/src/plugins_wysiwygarea_plugin.js.html

Możliwe byłoby usunięcie znacznika akapitowego zawijania za pomocą post-processingu( na serwerze lub w zdarzeniu getData Ckeditora), ale to prowadzi nas do ten sam problem co wyłączenie autoParagraph: nie ma bloku najwyższego poziomu.

Wolałbym raczej powiedzieć, że nie ma dobrego rozwiązania, a raczej garść pół-rozwiązań, niż zaakceptować zmianę config.enterMode jako rozwiązanie kanoniczne.

Spróbuj tego w config.js

CKEDITOR.editorConfig = function( config )
{
config.enterMode = CKEDITOR.ENTER_BR;
config.shiftEnterMode = CKEDITOR.ENTER_BR;
};

Znalazłem!

Ckeditor.js line # 91 ... Szukaj

B.config.enterMode==3?'div':'p'

Zmień na

B.config.enterMode==3?'div':'' (NIE!)

Wyrzuć swoją pamięć podręczną i BAM!

Niech to będzie twoja konfiguracja.Kod pliku js

CKEDITOR.editorConfig = function( config ) {

   //   config.enterMode = 2; //disabled <p> completely
        config.enterMode = CKEDITOR.ENTER_BR // pressing the ENTER KEY input <br/>
        config.shiftEnterMode = CKEDITOR.ENTER_P; //pressing the SHIFT + ENTER KEYS input <p>
        config.autoParagraph = false; // stops automatic insertion of <p> on focus
    };

Robię coś, z czego nie jestem dumny. W moim Serwletie Pythona, który faktycznie zapisuje się do bazy danych, robię:

if description.startswith('<p>') and description.endswith('</p>'):
    description = description[3:-4]

Edytuj źródło (lub wyłącz tekst bogaty) i zamień znacznik P na div. Następnie styl div w dowolny sposób, w jaki chcesz.

CkEditor nie doda żadnego elementu wrappera przy następnym przesłaniu, ponieważ masz tam div.

(to rozwiązało mój problem, używam Drupala i potrzebuję małych fragmentów html, które edytor zawsze dodawał dodatkowe, ale przez resztę czasu chcę owijać znacznik p).

if (substr_count($this->content,'<p>') == 1)
{
  $this->content = preg_replace('/<\/?p>/i', '', $this->content);
}

Niech to będzie twoja konfiguracja.Kod pliku js

CKEDITOR.editorConfig = function( config ) {

   //   config.enterMode = 2; //disabled <p> completely
        config.enterMode = CKEDITOR.ENTER_BR // pressing the ENTER KEY input <br/>
        config.shiftEnterMode = CKEDITOR.ENTER_P; //pressing the SHIFT + ENTER KEYS input <p>
        config.autoParagraph = false; // stops automatic insertion of <p> on focus
    };

Ustaw taki config:

    CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR
    CKEDITOR.config.forcePasteAsPlainText = true

W VS2015 zadziałało, aby zmienić klawisz Enter na <br>

myCKEControl.EnterMode = CKEditor.NET.EnterMode.BR

Osobiście nie obchodzi mnie, czy mój tekst wynikowy ma tylko <br>, a nie <p>. Wygląda idealnie i wygląda tak, jak chcę. W końcu to działa.