2013-03-24 12 views
6

Voglio usare l'editor KendoUI in pratica per consentire solo agli utenti di formattare il testo in paragrafi. Forse consentire grassetto e sottolineato.Come posso rimuovere tutta la formattazione html dal testo quando si incolla in KendoUI Editor?

sto lottando con 2 cose:

  1. Voglio mettere a nudo tutte le html formattazione dal testo quando si incolla
  2. Voglio disabilitare le scorciatoie da tastiera per il grassetto, sottolineato ecc - sembrano funzionare anche quando elemento della barra degli strumenti non è lì.

Grazie!

risposta

8

Per incollare il solo testo è possibile definire un gestore di incollamento che rimuove tutto tranne il testo. Questo è il più semplice:

$("#editor").kendoEditor({ 
    paste: function (ev) { 
     ev.html = $(ev.html).text(); 
    } 
}); 

Il gestore paste riceve come argomento un evento che ha in html testo viene analizzato. Possiamo usare jQuery per ottenere solo il testo usando $(ev.html).text()

Per rimuovere le scorciatoie e per quanto ho potuto testare con l'ultima versione di Kendo UI, se si definiscono solo gli strumenti che si desidera, solo quelli di scelta rapida sono attivi. Quindi, se si dice qualcosa come:

$("#editor").kendoEditor({ 
    tools: [ 
     "italic" 
    ], 
    paste: function (ev) { 
     ev.html = $(ev.html).text(); 
    } 
}); 

Solo italic scorciatoia <ctrl>+i è disponibile. Se lasci l'array tools vuoto, non ne hai.

+0

Che probabilmente funziona per il gestore di pasta, grazie. (anche se, a causa di vincoli temporali e alcune altre funzionalità, come la whitelist dei tag, ho deciso di optare per TinyMCE come soluzione più rapida) Per quanto riguarda le scorciatoie, sfortunatamente non è il caso - Ho lasciato l'array di strumenti vuoto e posso ancora + b ecc. – richardwhatever

+0

Funziona per me in OSX e Firefox e Chrome con Kendo UI 2013.1.319 ... Controlla qui http://jsfiddle.net/OnaBai/5yXej/ Ho provato anche con Kendo UI 2012.3.1319 e funziona pure. Quale ambiente hai provato? Questo link funziona? – OnaBai

+0

Appena provato su Windows7 e Chrome. Ho digitato un testo, l'ho selezionato e ho premuto CTRL-B ed è in grassetto. – richardwhatever

Problemi correlati