Rich-Text Editing in Mozilla

  • Slug della versione: Rich-Text_Editing_in_Mozilla
  • Titolo della versione: Rich-Text Editing in Mozilla
  • ID versione: 121943
  • Data di creazione
  • Autore: khela
  • Versione corrente? No
  • Commento 135 words added, 112 words removed

Contenuto della versione

Introduzione

Mozilla 1.3 introduces an implementation of Microsoft® Internet Explorer's designMode feature. The rich-text editing support in Mozilla 1.3 supports the designMode feature which turns HTML documents into rich-text editors. Starting in Firefox 3, Mozilla also supports Internet Explorer's contentEditable attribute which allows any element to become editable or non-editable (the latter for when preventing change to fixed elements in an editable environment).

Impostare il Rich-Text Editing

Il Rich-text editing viene inizializzato tramite la proprietà designMode di un documento ad "On", come un documento all'interno di un iframe. Una volta che designMode viene impostato ad "On", il documento diventa un'area di rich-text editing e l'utente può digitare dentro questa come se fosse una textarea. The most basic keyboard commands such as copy and paste are available, all others need to be implemented by the website.

Allo stesso modo, impostando contentEditable a "true" ti permette di rendere modificabili singoli elementi di un documnto.

Eseguire i Comandi

Quando un documento HTML viene impostato come modificabile con designMode, l'oggetto document rilascia il metodo  execCommand, la quale permette di eseguire dei comandi per manipolare il contenuto dell'area modificabile. Molti comandi agiscono sulla selezione del testo nel documento (grassetto, corsivo, ecc), mentre altri inseriscono nuovi elementi (collegamenti) o agisco su un'intera riga (indentazione). Quando si usa contentEditable, il metodo execCommand coinvolgerà l'attuale elemento attivo modificabile.

execCommand(Stringa aCommandName, Booleano aShowDefaultUI, Stringa aValueArgument)

Argomenti

Stringa aCommandName
il nome del comando
Booleano aShowDefaultUI
se l'interfaccia utente standard deve essere visualizzata. Questa caratteristica non è implementata in Mozilla.
Stringa aValueArgument
alcuni comandi (come insertimage) richiedono un valore per un argomento extra (l'indirizzo dell'immagine). Passa un argomento oppure null, se l'argomento non è necessario.

Comandi

backColor
Changes the document background color. In styleWithCss mode, it affects the background color of the containing block instead. Requires a color value string to be passed in as a value argument. (Internet Explorer uses this to set text background color.)
bold
Attiva o disattiva il grassetto sulla selezione corrente o alla posizione del cursore. (Internet Explorer usa il tag STRONG al posto di B.)
contentReadOnly
Makes the content document either read-only or editable. Requires a boolean true/false to be passed in as a value argument. (Non è supportato da Internet Explorer.)
copy
Copia l'attuale selezione del testo negli appunti. Clipboard capability must be enabled in the user.js preference file. Vedi 
createLink
Creates an anchor link from the selection, only if there is a selection. Requires the HREF URI string to be passed in as a value argument. The URI must contain at least a single character, which may be a white space. (Internet Explorer will create a link with a null URI value.)
cut
Copia l'attuale selezione del testo negli appunti. Clipboard capability must be enabled in the user.js preference file. Vedi 
decreaseFontSize
Aggiunge un tag SMALL attorno alla selezione o alla posizione del cursore. (Non supportato da Internet Explorer.)
delete
Cancella la selezione corrente.
fontName
Cambia il carattere alla selezione o alla posizione del cursore. Richiede una stringa, con il nome di un font ("Arial" per esempio) da passare come argomento.
fontSize
Changes the font size for the selection or at the insertion point. Requires an HTML font size (1-7) to be passed in as a value argument.
foreColor
Cambia il colore del testo alla selezione on alla posizione del cursore. Richiede una stringa con il valore esadecimale del colore da passare come argomento.
formatBlock
Adds an HTML block-style tag around a selection or at the insertion point line. Requires a tag-name string to be passed in as a value argument. Virtually all block style tags can be used (eg. "H1", "EM", "BUTTON", "TEXTAREA"). (Internet Explorer supports only heading tags H1 - H6, ADDRESS, and PRE, which must also include the tag delimiters < >, such as "<H1>".)
heading
Aggiunge un'intestazione attorno la selezione o sulla riga in cui è posizionato il cursore. Richiede una stringa con il nome del tag da passare come argomento (es. "H1", "H6"). (Non supportato da Internet Explorer.)
hiliteColor
Changes the background color for the selection or at the insertion point. Requires a color value string to be passed in as a value argument. UseCSS must be turned on for this to function. (Not supported by Internet Explorer.)
increaseFontSize
Aggiunge il tag BIG attorno alla selezione o alla posizione del cursore. (Non supportato da Internet Explorer.)
indent
Aumenta il rientro dell'elemento all'interno della selezione corrente o alla posizione del cursore.
insertHorizontalRule
Inserisce una horizontal rule alla posizione del cursore (elimina la selezione).
insertHTML
Inserisce una stringa HTML alla posizione del cursore (elimina la selezione). Richiede una stringa HTML valida da passare come argomento. (Non supportata da Internet Explorer.)
insertImage
Inserts an image at the insertion point (deletes selection). Requires the image SRC URI string to be passed in as a value argument. The URI must contain at least a single character, which may be a white space. (Internet Explorer will create a link with a null URI value.)
insertOrderedList
Crea un elenco numerato all'interno della selezione corrente o alla posizione del cursore.
insertUnorderedList
Crea un elenco puntato all'interno della selezione corrente o alla posizione del cursore.
insertParagraph
Inserisce una paragrafo attorno alla selezione o alla riga corrente. (Internet Explorer inserisce un paragrafo alla posizione del cursore e cancella la selezione.)
italic
Attiva o disattiva il corsivo sulla selezione o alla posizione del cursore. (Internet Explorer usa il tag EM al posto di I.)
justifyCenter
Allinea al centro la selezione o la posizione del cursore.
justifyLeft
Allinea a sinistra la selezione o la posizione del cursore.
justifyRight
Allinea a destra la selezione o la posizione del cursore.
outdent
Diminuisce il rientro dell'elemento sulla selezione o alla posizione del cursore.
paste
Incolla il contenuto degli appunti alla posizione del cursore (sostituisce la selezione corrente). Clipboard capability must be enabled in the user.js preference file. Vedi 
redo
Ripristina il comando precedentemente annullato.
removeFormat
Rimuove tutta la formattazione dalla selezione corrente.
selectAll
Seleziona tutto il contenuto dell'area modificabile.
strikeThrough
Attiva o disattiva il testo barrato sulla selezione o alla posizione del cursore.
subscript
Attiva o disattiva subscript sulla selezione o alla posizione del cursore.
superscript
Attiva o disattiva superscript sulla selezione o alla posizione del cursore.
underline
Attiva o disattiva la sottolineatura sulla selezione o alla posizione del cursore.
undo
Annulla l'ultimo comando eseguito.
unlink
Rimuove il collegamento dal collegamento selezionato.
useCSS {{ Deprecated_inline() }}
Attiva o disattiva l'uso di tags HTML tags o CSS per la generazione del markup. Richiede una valore booleano true/false come argomento. NOTA: Questo argomento è invertito (es. usa false per usare il CSS, true per usare l'HTML). (Non supportato da Internet Explorer.) Questo comando è diventato deprecato; in alternativa usa il comando styleWithCSS.
styleWithCSS
Sostituisce il comando useCSS; l'argomento, a differenza del comando useCSS, l'argomento lavora come ci si aspetta, es. passato true modifica/genera attributi style nel markup, false genera elementi di formattazione.

Differenze con Internet Explorer

Una delle maggiori differenze tra Mozilla e Internet Explorer che coinvolgono designMode è il codice generato nel documento modificabile: while Internet Explorer uses HTML tags (em, i, ecc), Mozilla 1.3 will generate by default spans with inline style rules. Il comando  useCSS può essere usato per attivare o disattivare la creazione di markup HTML o CSS.

Figure 1 : Generated HTML differences

Mozilla:
<span style="font-weight: bold;">I love geckos.</span>
<span style="font-weight: bold; font-style: italic; 
    text-decoration: underline;">Dinosaurs are big.</span>

Internet Explorer:
<STRONG>I love geckos.</STRONG>
<STRONG><EM><U>Dinosaurs are big.</U></EM></STRONG>

Un'altra differenza tra Mozilla e IE è il modo in cui si accede all'oggetto document di un iframe, con la quale viene usato in congiunzione con designMode. Mozilla usa il modo standard fornito da W3C, IFrameElement.contentDocument, mentre IE richiede IFrameElement.document.

DevEdge fornisce una classe JavaScript, xbDesignMode, il cui scopo è quello di racchiudere le caratteristiche di designMode in una classe che nasconde le differenze tra IE e Mozilla.


Event Handling Disabled

Una significante differenza per Mozilla è che una volta che viene impostato il documento a designMode, tutti gli eventi sul determinato documento vengono disabilitati. Tuttavia, disattivato il designMode (come ora è possibile in Mozilla 1.5) gli eventi diventeranno attivi di nuovo.

Maggiori informazioni possono essere trovato nella sezione Rich text editing dell'articolo Migrate apps from Internet Explorer to Mozilla.

Esempi

Nota: The example files are still being migrated from another site. They are not available at this time. --fumble 18:13, 24 Apr 2005 (PDT)

Esempio 1

Il primo esempio è un documento HTML he first example is an HTML document setting its own designMode to "On". This makes the entire document editable in Mozilla 1.3. Internet Explorer, however, does not allow javascript to change the current document's designMode. For it to work in Internet Explorer, the contentEditable attribute of the body tag needs to be set to "true".

Figure 2 : Primo esempio

HTML:
<body contentEditable="true" onload="load()">

JavaScript:
function load(){
  window.document.designMode = "On";
}

Esempio 2

The second example is a simple rich text editing page, where text can be bolded/italicized/underlined, new links can be added and the color of text changed. The example page consists of an iframe, which will be the rich editing area, as well as elements for basic editing commands such as bold/italics/text color.

Figure 3 : Impostazione del rich-text editing

HTML:
<body onload="load()">

JavaScript:
function load(){
  getIFrameDocument("editorWindow").designMode = "On";
}

function getIFrameDocument(aID){
  // if contentDocument exists, W3C compliant (Mozilla)
  if (document.getElementById(aID).contentDocument){
    return document.getElementById(aID).contentDocument;
  } else {
    // IE
    return document.frames[aID].document;
  }
}

The example contains a doRichEditCommand function that makes it easier to execute commands on the iframe's document and keeps the HTML code clean. The function executed the requested command using execCommand() and then sets focus back to the editable document, as clicking on a button will set focus on the button itself, which breaks the editing flow.

Figure 4 : Esecuzione dei comandi Rich Editing

HTML:
<button onclick="doRichEditCommand('bold')" style="font-weight:bold;">B</button>

JavaScript:
function doRichEditCommand(aName, aArg){
  getIFrameDocument('editorWindow').execCommand(aName,false, aArg);
  document.getElementById('editorWindow').contentWindow.focus()
}

Risorse

{{ languages( { "zh-cn": "Cn/Rich-Text_Editing_in_Mozilla", "en": "en/Rich-Text_Editing_in_Mozilla", "ja": "Ja/Rich-Text_Editing_in_Mozilla" } ) }}

Original Document Information

Sorgente della versione

<h3 name="Introduction">Introduzione</h3>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Mozilla 1.3 introduces an implementation of Microsoft<sup>®</sup> Internet Explorer's designMode feature. The rich-text editing support in Mozilla 1.3 supports the designMode feature which turns HTML documents into rich-text editors. Starting in Firefox 3, Mozilla also supports Internet Explorer's <code style="color: rgb(37, 34, 29); font-weight: inherit; ">contentEditable</code> attribute which allows any element to become editable or non-editable (the latter for when preventing change to fixed elements in an editable environment).</p>
<h3 name="Setting_Up_Rich-Text_Editing">Impostare il Rich-Text Editing</h3>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Il Rich-text editing viene inizializzato tramite la proprietà <code style="color: rgb(37, 34, 29); font-weight: inherit; ">designMode</code> di un documento ad "On", come un documento all'interno di un iframe. Una volta che <code style="color: rgb(37, 34, 29); font-weight: inherit; ">designMode</code> viene impostato ad "On", il documento diventa un'area di rich-text editing e l'utente può digitare dentro questa come se fosse una textarea. The most basic keyboard commands such as copy and paste are available, all others need to be implemented by the website.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Allo stesso modo, impostando <code style="color: rgb(37, 34, 29); font-weight: inherit; ">contentEditable</code> a "true" ti permette di rendere modificabili singoli elementi di un documnto.</p>
<h3 name="Executing_Commands">Eseguire i Comandi</h3>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Quando un documento HTML viene impostato come modificabile con designMode, l'oggetto document rilascia il metodo  <code style="color: rgb(37, 34, 29); font-weight: inherit; ">execCommand,</code> la quale permette di eseguire dei comandi per manipolare il contenuto dell'area modificabile. Molti comandi agiscono sulla selezione del testo nel documento (grassetto, corsivo, ecc), mentre altri inseriscono nuovi elementi (collegamenti) o agisco su un'intera riga (indentazione). Quando si usa <code style="color: rgb(37, 34, 29); font-weight: inherit; ">contentEditable</code>, il metodo <code style="color: rgb(37, 34, 29); font-weight: inherit; ">execCommand</code> coinvolgerà l'attuale elemento attivo modificabile.</p>
<pre class="eval" style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 236, 241); border-right-color: rgb(223, 236, 241); border-bottom-color: rgb(223, 236, 241); border-left-color: rgb(223, 236, 241); overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29); ">execCommand(Stringa aCommandName, Booleano aShowDefaultUI, Stringa aValueArgument)
</pre>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Argomenti</strong></p>
<blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">Stringa aCommandName</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">il nome del comando</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">Booleano aShowDefaultUI</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">se l'interfaccia utente standard deve essere visualizzata. Questa caratteristica non è implementata in Mozilla.</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">Stringa aValueArgument</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">alcuni comandi (come insertimage) richiedono un valore per un argomento extra (l'indirizzo dell'immagine). Passa un argomento oppure <code style="color: rgb(37, 34, 29); font-weight: inherit; ">null</code>, se l'argomento non è necessario.</dd>
</dl>
</blockquote>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Comandi</strong></p>
<blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">backColor</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Changes the document background color. In styleWithCss mode, it affects the background color of the containing block instead. Requires a color value string to be passed in as a value argument. (Internet Explorer uses this to set text background color.)</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">bold</dt> <dd>Attiva o disattiva il grassetto sulla selezione corrente o alla posizione del cursore. (Internet Explorer usa il tag STRONG al posto di B.)</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">contentReadOnly</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Makes the content document either read-only or editable. Requires a boolean true/false to be passed in as a value argument. (Non è supportato da Internet Explorer.)</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">copy</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Copia l'attuale selezione del testo negli appunti. Clipboard capability must be enabled in the user.js preference file. Vedi <a class="external" href="http://www.mozilla.org/editor/midasdemo/securityprefs.html"></a></dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">createLink</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Creates an anchor link from the selection, only if there is a selection. Requires the HREF URI string to be passed in as a value argument. The URI must contain at least a single character, which may be a white space. (Internet Explorer will create a link with a null URI value.)</dd>
</dl>
</blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); ">
<dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">cut</dt> Copia l'attuale selezione del testo negli appunti. Clipboard capability must be enabled in the user.js preference file. Vedi <a class="external" href="http://www.mozilla.org/editor/midasdemo/securityprefs.html"></a></dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">decreaseFontSize</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Aggiunge un tag SMALL attorno alla selezione o alla posizione del cursore. (Non supportato da Internet Explorer.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">delete</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Cancella la selezione corrente.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">fontName</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Cambia il carattere alla selezione o alla posizione del cursore. Richiede una stringa, con il nome di un font ("Arial" per esempio) da passare come argomento.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">fontSize</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Changes the font size for the selection or at the insertion point. Requires an HTML font size (1-7) to be passed in as a value argument.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">foreColor</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Cambia il colore del testo alla selezione on alla posizione del cursore. Richiede una stringa con il valore esadecimale del colore da passare come argomento.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">formatBlock</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Adds an HTML block-style tag around a selection or at the insertion point line. Requires a tag-name string to be passed in as a value argument. Virtually all block style tags can be used (eg. "H1", "EM", "BUTTON", "TEXTAREA"). (Internet Explorer supports only heading tags H1 - H6, ADDRESS, and PRE, which must also include the tag delimiters &lt; &gt;, such as "&lt;H1&gt;".)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">heading</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Aggiunge un'intestazione attorno la selezione o sulla riga in cui è posizionato il cursore. Richiede una stringa con il nome del tag da passare come argomento (es. "H1", "H6"). (Non supportato da Internet Explorer.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">hiliteColor</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Changes the background color for the selection or at the insertion point. Requires a color value string to be passed in as a value argument. UseCSS must be turned on for this to function. (Not supported by Internet Explorer.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">increaseFontSize</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Aggiunge il tag BIG attorno alla selezione o alla posizione del cursore. (Non supportato da Internet Explorer.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">indent</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Aumenta il rientro dell'elemento all'interno della selezione corrente o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertHorizontalRule</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Inserisce una horizontal rule alla posizione del cursore (elimina la selezione).</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertHTML</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Inserisce una stringa HTML alla posizione del cursore (elimina la selezione). Richiede una stringa HTML valida da passare come argomento. (Non supportata da Internet Explorer.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertImage</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Inserts an image at the insertion point (deletes selection). Requires the image SRC URI string to be passed in as a value argument. The URI must contain at least a single character, which may be a white space. (Internet Explorer will create a link with a null URI value.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertOrderedList</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Crea un elenco numerato all'interno della selezione corrente o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertUnorderedList</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Crea un elenco puntato all'interno della selezione corrente o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">insertParagraph</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Inserisce una paragrafo attorno alla selezione o alla riga corrente. (Internet Explorer inserisce un paragrafo alla posizione del cursore e cancella la selezione.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">italic</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva il corsivo sulla selezione o alla posizione del cursore. (Internet Explorer usa il tag EM al posto di I.)</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">justifyCenter</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Allinea al centro la selezione o la posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">justifyLeft</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Allinea a sinistra la selezione o la posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">justifyRight</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Allinea a destra la selezione o la posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">outdent</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Diminuisce il rientro dell'elemento sulla selezione o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">paste</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Incolla il contenuto degli appunti alla posizione del cursore (sostituisce la selezione corrente). Clipboard capability must be enabled in the user.js preference file. Vedi <a class="external" href="http://www.mozilla.org/editor/midasdemo/securityprefs.html"></a></dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">redo</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Ripristina il comando precedentemente annullato.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">removeFormat</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Rimuove tutta la formattazione dalla selezione corrente.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">selectAll</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Seleziona tutto il contenuto dell'area modificabile.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">strikeThrough</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva il testo barrato sulla selezione o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">subscript</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva subscript sulla selezione o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">superscript</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva superscript sulla selezione o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">underline</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva la sottolineatura sulla selezione o alla posizione del cursore.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">undo</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Annulla l'ultimo comando eseguito.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">unlink</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Rimuove il collegamento dal collegamento selezionato.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">useCSS {{ Deprecated_inline() }}</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Attiva o disattiva l'uso di tags HTML tags o CSS per la generazione del markup. Richiede una valore booleano true/false come argomento. NOTA: Questo argomento è invertito (es. usa false per usare il CSS, true per usare l'HTML). (Non supportato da Internet Explorer.) Questo comando è diventato deprecato; in alternativa usa il comando <em>styleWithCSS</em>.</dd> </dl> </blockquote><blockquote style="margin-top: 0px; margin-right: 20px; margin-bottom: 1.7em; margin-left: 20px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(221, 221, 221); border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); "> <dl style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <dt style="font-style: normal; font-weight: bold; ">styleWithCSS</dt> <dd style="margin-left: 0px; margin-bottom: 20px; padding-left: 16px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(153, 153, 153); margin-top: 0px; margin-right: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 4px; ">Sostituisce il comando <em>useCSS</em>; l'argomento, a differenza del comando useCSS, l'argomento lavora come ci si aspetta, es. passato true modifica/genera attributi <em>style</em> nel markup, false genera elementi di formattazione.</dd> </dl> </blockquote> <h3 name="Internet_Explorer_Differences">Differenze con Internet Explorer</h3> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Una delle maggiori differenze tra Mozilla e Internet Explorer che coinvolgono designMode è il codice generato nel documento modificabile: while Internet Explorer uses HTML tags (em, i, ecc), Mozilla 1.3 will generate by default spans with inline style rules. Il comando  <code style="color: rgb(37, 34, 29); font-weight: inherit; ">useCSS </code>può essere usato per attivare o disattivare la creazione di markup HTML o CSS.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Figure 1 : Generated HTML differences</strong></p> <pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 236, 241); border-right-color: rgb(223, 236, 241); border-bottom-color: rgb(223, 236, 241); border-left-color: rgb(223, 236, 241); overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29); ">Mozilla:
&lt;span style="font-weight: bold;"&gt;I love geckos.&lt;/span&gt;
&lt;span style="font-weight: bold; font-style: italic; 
    text-decoration: underline;"&gt;Dinosaurs are big.&lt;/span&gt;

Internet Explorer:
&lt;STRONG&gt;I love geckos.&lt;/STRONG&gt;
&lt;STRONG&gt;&lt;EM&gt;&lt;U&gt;Dinosaurs are big.&lt;/U&gt;&lt;/EM&gt;&lt;/STRONG&gt;
</pre> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Un'altra differenza tra Mozilla e IE è il modo in cui si accede all'oggetto document di un iframe, con la quale viene usato in congiunzione con designMode. Mozilla usa il modo standard fornito da W3C, <code style="color: rgb(37, 34, 29); font-weight: inherit; ">IFrameElement.<a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-38538621">contentDocument</a></code>, mentre IE richiede <code style="color: rgb(37, 34, 29); font-weight: inherit; ">IFrameElement.document</code>.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><em><strong>DevEdge</strong></em> fornisce una classe JavaScript, <code style="color: rgb(37, 34, 29); font-weight: inherit; "><a href="/en/Rich-Text_Editing_in_Mozilla/Class_xbDesignMode" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="en/Rich-Text_Editing_in_Mozilla/Class_xbDesignMode">xbDesignMode</a></code>, il cui scopo è quello di racchiudere le caratteristiche di designMode in una classe che nasconde le differenze tra IE e Mozilla.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><br> <strong>Event Handling Disabled</strong></p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Una significante differenza per Mozilla è che una volta che viene impostato il documento a designMode, tutti gli eventi sul determinato documento vengono disabilitati. Tuttavia, disattivato il designMode (come ora è possibile in Mozilla 1.5) gli eventi diventeranno attivi di nuovo.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Maggiori informazioni</strong> possono essere trovato nella sezione <a href="/en/Migrate_apps_from_Internet_Explorer_to_Mozilla#Rich_text_editing" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="en/Migrate_apps_from_Internet_Explorer_to_Mozilla#Rich_text_editing">Rich text editing</a> dell'articolo <a href="/en/Migrate_apps_from_Internet_Explorer_to_Mozilla" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="en/Migrate_apps_from_Internet_Explorer_to_Mozilla">Migrate apps from Internet Explorer to Mozilla</a>.</p> <h3 name="Examples">Esempi</h3> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><em><strong>Nota:</strong> The example files are still being migrated from another site. They are not available at this time.</em> --<a href="/User:Fumble" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="User:Fumble">fumble</a> 18:13, 24 Apr 2005 (PDT)</p> <h4 name="Example_1">Esempio 1</h4> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Il primo esempio è un documento HTML he first example is an HTML document setting its own <code style="color: rgb(37, 34, 29); font-weight: inherit; ">designMode</code> to "On". This makes the entire document editable in Mozilla 1.3. Internet Explorer, however, does not allow javascript to change the current document's designMode. For it to work in Internet Explorer, the <code style="color: rgb(37, 34, 29); font-weight: inherit; ">contentEditable</code> attribute of the body tag needs to be set to "true".</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Figure 2 : Primo esempio</strong></p> <pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 236, 241); border-right-color: rgb(223, 236, 241); border-bottom-color: rgb(223, 236, 241); border-left-color: rgb(223, 236, 241); overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29); ">HTML:
&lt;body contentEditable="true" onload="load()"&gt;

JavaScript:
function load(){
  window.document.designMode = "On";
}
</pre> <h4 name="Example_2">Esempio 2</h4> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">The second example is a simple rich text editing page, where text can be bolded/italicized/underlined, new links can be added and the color of text changed. The example page consists of an iframe, which will be the rich editing area, as well as elements for basic editing commands such as bold/italics/text color.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Figure 3 : Impostazione del rich-text editing</strong></p> <pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 236, 241); border-right-color: rgb(223, 236, 241); border-bottom-color: rgb(223, 236, 241); border-left-color: rgb(223, 236, 241); overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29); ">HTML:
&lt;body onload="load()"&gt;

JavaScript:
function load(){
  getIFrameDocument("editorWindow").designMode = "On";
}

function getIFrameDocument(aID){
  // if contentDocument exists, W3C compliant (Mozilla)
  if (document.getElementById(aID).contentDocument){
    return document.getElementById(aID).contentDocument;
  } else {
    // IE
    return document.frames[aID].document;
  }
}
</pre> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">The example contains a <code style="color: rgb(37, 34, 29); font-weight: inherit; ">doRichEditCommand</code> function that makes it easier to execute commands on the iframe's document and keeps the HTML code clean. The function executed the requested command using <code style="color: rgb(37, 34, 29); font-weight: inherit; ">execCommand()</code> and then sets focus back to the editable document, as clicking on a button will set focus on the button itself, which breaks the editing flow.</p> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><strong>Figure 4 : Esecuzione dei comandi Rich Editing</strong></p> <pre style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(223, 236, 241); border-right-color: rgb(223, 236, 241); border-bottom-color: rgb(223, 236, 241); border-left-color: rgb(223, 236, 241); overflow-x: auto; overflow-y: auto; font: normal normal normal 12px/normal 'Courier New', 'Andale Mono', monospace; color: rgb(37, 34, 29); ">HTML:
&lt;button onclick="doRichEditCommand('bold')" style="font-weight:bold;"&gt;B&lt;/button&gt;

JavaScript:
function doRichEditCommand(aName, aArg){
  getIFrameDocument('editorWindow').execCommand(aName,false, aArg);
  document.getElementById('editorWindow').contentWindow.focus()
}
</pre> <h3 name="Resources">Risorse</h3> <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <li style="margin-bottom: 0.25em; "><a class="external" href="http://mozilla.org/editor/midas-spec.html">mozilla.org's rich-text editing Specification</a></li> <li style="margin-bottom: 0.25em; "><a class="external" href="http://mozilla.org/editor/midasdemo/">mozilla.org's rich-text editing Demo</a></li> <li style="margin-bottom: 0.25em; "><a class="external" href="http://www.mozilla.org/editor/ie2midas.html">Converting an app using document.designMode from IE to Mozilla at mozilla.org</a></li> <li style="margin-bottom: 0.25em; ">{{ MSDN("ms533720", "designMode Property") }}</li> <li style="margin-bottom: 0.25em; ">{{ MSDN("ms537834", "How to Create an HTML Editor Application") }}</li> <li style="margin-bottom: 0.25em; "><a class="external" href="http://www.kevinroth.com/rte/demo.htm">A closed source, cross-browser rich-text editing demo</a></li> <li style="margin-bottom: 0.25em; "><a href="/en/Rich-Text_Editing_in_Mozilla/Class_xbDesignMode" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="en/Rich-Text_Editing_in_Mozilla/Class_xbDesignMode">xbDesignMode; a JavaScript helper class for easier cross-browser development using designMode.</a></li> <li style="margin-bottom: 0.25em; "><a class="external" href="http://starkravingfinkle.org/blog/2007/07/firefox-3-contenteditable/">Firefox 3 and contentEditable</a></li> </ul> <p style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">{{ languages( { "zh-cn": "Cn/Rich-Text_Editing_in_Mozilla", "en": "en/Rich-Text_Editing_in_Mozilla", "ja": "Ja/Rich-Text_Editing_in_Mozilla" } ) }}</p> <div class="originaldocinfo" style="margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(233, 233, 233); border-right-color: rgb(233, 233, 233); border-bottom-color: rgb(233, 233, 233); border-left-color: rgb(233, 233, 233); padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(243, 243, 243); font-size: 11px; font-family: Verdana, Tahoma, sans-serif; background-position: initial initial; background-repeat: initial initial; "> <h3 name="Original_Document_Information">Original Document Information</h3> <ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 1.7em; margin-left: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "> <li style="margin-bottom: 0.25em; ">Author(s): Doron Rosenberg, Netscape Communications</li> <li style="margin-bottom: 0.25em; ">Published: 04 Apr 2003</li> <li style="margin-bottom: 0.25em; ">Revised: 01 Jul 2003</li> <li style="margin-bottom: 0.25em; ">Revised: 24 Apr 2005, <a href="/User:Fumble" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="User:Fumble">Joel Coreson</a></li> <li style="margin-bottom: 0.25em; ">Revised: 28 Nov 2006, <a class="link-mailto" href="mailto:kkuhns@ComputronicsUSA.com">Ken Kuhns</a>, <a class="external" href="http://www.computronicsusa.com/">ComputronicsUSA</a></li> <li style="margin-bottom: 0.25em; ">Revised: 19 Dec 2007, <a href="/User:MarkFinkle" style="text-decoration: none; color: rgb(4, 137, 183) !important; cursor: default; " title="User:MarkFinkle">Mark Finkle</a></li> </ul> </div> 
Ripristina questa versione