O CKEditor é o excelente editor WYSIWYG que usamos na Mozilla Developer Network. Temos muitos plug-ins personalizados e fazemos tudo o que podemos para facilitar a escrita para os colaboradores. Um truque que acabei de aprender foi pular para um elemento dentro do editor por ID e definir o foco do cursor dentro desse elemento. Veja como fazer isso!
O JavaScript
O senhor começará rolando o elemento para visualizá-lo no CKEditor:
var element = editor.document.getById('someHeading');
var range;
if(element) {
element.scrollIntoView();
// Thank you S/O
// http://stackoverflow.com/questions/16835365/set-cursor-to-specific-position-in-ckeditor
range = editor.createRange();
range.moveToPosition(element, CKEDITOR.POSITION_AFTER_START);
editor.getSelection().selectRanges([range]);
}
Com o elemento em exibição, o senhor tentará inserir o cursor no início do elemento usando um Range.
O Firefox realmente insere o cursor para o senhor, mas o Chrome não, portanto, a etapa Range é necessária.
Criar classes com espaço de nome com o MooTools
O MooTools sempre foi um pouco criticado por não usar e padronizar inerentemente classes JavaScript baseadas em namespaced, como faz o Dojo Toolkit. Muitos desenvolvedores criam suas classes como globais, o que geralmente é mal visto. Na maioria das vezes, não concordo com essa posição, mas cada um tem a sua. De qualquer forma…
9 demonstrações de telas incríveis
O
<canvas>tem sido uma revelação para os especialistas em visual entre nós. O Canvas fornece os meios para animações incríveis e eficientes com o bônus adicional de não usar Flash; em vez disso, esses desenvolvedores podem exibir suas incríveis habilidades em JavaScript. Aqui estão nove demonstrações inacreditáveis de canvas que…
Anexo do Spinner AJAX do elemento de formulário usando o MooTools
Muitas vezes, o senhor verá um formulário alterar dinamicamente os valores disponíveis com base no valor de um campo de formulário. Por exemplo, um campo “State” (Estado) será alterado com base no país que o usuário selecionar. O que me incomoda nesses formulários é que eles geralmente fazem uma…
