Obecnie próbuję dodać wbudowanego cedenta do jakiegoś tekstu.Incorowiec: wszystkie przyciski są wyłączone
Nie ma błędów w obsłudze javascript, ale niestety wszystkie narzędzia są wyłączone i nie mogę edytować tekstu.
http://fiddle.jshell.net/5LuyD/
ktoś ma pojęcia, co robię źle?
To, czego brakuje, to contenteditable="true" atrybut twojego elementu. Jeśli chcesz, aby edytor był dostosowany (tj. Uruchomiony przez CKEDITOR.inline(element, cfg)), najpierw ustaw CKEDITOR.disableAutoInline = true;.
Z CKEDITOR.disableAutoInline = true;, wszystkie elementy contenteditable="true" muszą zostać zainicjowane ręcznie, aby stać się instancją edytora. Zobacz instancje inline dla official guide.
Brakowało atrybutu contenteditable = "true" dla tagów, które można edytować!
Oto skrzypce. http://fiddle.jshell.net/5LuyD/1/
Nr !. Jeśli użyję contenteditable = "true", otrzymasz standard, nieskonfigurowany. Korzystając z polecenia inlne(), możesz ustawić, jakie przyciski na to pozwalasz. –
Ale na początek! musisz ustawić contenteditable = "true". Jeśli tego nie zrobisz, tekst nie będzie edytowalny, a przyciski nie będą aktywne. Daj mi minutę, a sprawdzę, dlaczego zestawy przycisków nie będą działać. – spons
Dla każdego, kto ma ten problem pomimo ustawienia contenteditable="true", jest problem z Chrome, w którym contenteditable ma wartość false, jeśli element (lub element nadrzędny) nie jest widoczny.
Zob http://ckeditor.com/forums/CKEditor/Solved-Chrome-Toolbar-buttons-grayed-out-for-INLINE-editor
Roztwór albo a) zapewnienie element jest widoczny przed wywołaniem CKEDITOR.inline() lub b) stosowanie textarea zamiast contentEditable elementu (CKE dodaje contenteditable div po tekstowego w tym przypadku) .
Po prostu miałem ten sam problem i odkryłem dla niego inną poprawkę. Jeśli element macierzysty (lub sam element) jest pierwotnie ustawiony do wyświetlania: none contenteditable will = false (na chrome).
Ta poprawka pracował dla mnie:
var ck = CKEDITOR.inline(element);
ck.on('instanceReady', function(event) {
var editor = event.editor;
editor.setReadOnly(false);
});
miałem ten sam problem i żaden z pozostałych proponowanych rozwiązań pracował.
Problem polegał na tym, że atrybut id elementu div zaczął się od znaku numerycznego (był to identyfikator GUID). Zmiana identyfikatora na początek z użyciem znaku alfa: wszystkie przyciski edytora zostały włączone.
Z jakiegoś powodu ckEditor nie lubi identyfikatorów zaczynających się od znaków numerycznych.
$(document).ready(function(){
for(var i in CKEDITOR.instances) {
var ck=CKEDITOR.instances[i];
ck.on('instanceReady', function(ev) {
var editor = ev.editor;
editor.setReadOnly(false);
});
}});
Hej ... Dobra, oboje macie rację. Muszę użyć contenteditable = "true" - ale również disableAutoInline = "true", jak powiedziałem. Rozwiązanie: http://jsfiddle.net/5LuyD/2/ Wielkie dzięki dla was obu –