comment un curseur clignote dans l'éditeur de texte jQuery?

voix
4

Je viens d'essayer de connaître des œuvres d'éditeur de texte (jquery), j'ai trouvé de nombreux éditeurs de texte jquery sur le web. Ma question, l'éditeur lui-même est pas un textarea mais un iframe je pense, mais comment clignote cursonr comme un curseur dans la zone de texte

s'il vous plaît vérifier http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

Si vous avez une URL pour comment faire un éditeur de texte, s'il vous plaît laissez-moi savoir

Créé 17/08/2010 à 17:17
source utilisateur
Dans d'autres langues...                            


2 réponses

voix
1

Il semble basculer une propriété designMode sur l'objet document et définit à « On » avec cette fonction:

function tryEnableDesignMode(iframe, doc, callback) {
    try {
        iframe.contentWindow.document.open();
        iframe.contentWindow.document.write(doc);
        iframe.contentWindow.document.close();
    } catch(error) {
        console.log(error)
    }
    if (document.contentEditable) {
        iframe.contentWindow.document.designMode = "On";
        callback();
        return true;
    }
    else if (document.designMode != null) {
        try {
            iframe.contentWindow.document.designMode = "on";
            callback();
            return true;
        } catch (error) {
            console.log(error)
        }
    }
    setTimeout(function(){tryEnableDesignMode(iframe, doc, callback)}, 250);
    return false;
}
Créé 17/08/2010 à 17:30
source utilisateur

voix
1

Ce que vous faites référence est communément appelé WYSIWYG.

La base de faire un WYSIWYG est d'avoir un iframe avec la propriété designMode = true . Basiquement Voici comment vous pouvez avoir l'apparence d'une zone de texte, mais avec des fonctionnalités supplémentaires disponibles.

Pour plus d' informations, vous pouvez regarder les tutoriel:
- http://www.emirplicanic.com/javascript/cross-browser-textarea-editor.php
- https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla
- http://msdn.microsoft.com/en-us/library/ms537834(VS.85).aspx

Ou chercher sur Google avec le mot-clé « WYSIWYG javascript tutoriel ».

Réponses associées
- javascript Rich éditeurs de texte

Créé 17/08/2010 à 17:27
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more