CodeMirror - cos'è addWidget e come si usa?

2013-01-16 16 views 6 likes

Voglio fare alcune estensioni a CodeMirror. Il metodo addWidget sembra un promettente punto di partenza. La documentazioneCodeMirror - cos'è addWidget e come si usa?

addWidget (pos, nodo, scrollIntoView) mette nodo, che dovrebbe essere un posizionato in modo assoluto nodo DOM, nel montaggio, posizionato proprio sotto dato {, ch line} posizione. Quando scrollIntoView è true, l'editor garantisce che l'intero nodo sia visibile (se possibile). Per rimuovere di nuovo il widget, utilizzare semplicemente i metodi DOM (spostarlo da qualche parte su oppure chiamare removeChild sul suo genitore).

Non capisco cosa significhi o cosa lo utilizzerei. Non riesco a trovare un utilizzo di esso nella codebase CodeMirror né altrove in Google.

fonte

2013-01-16 George Mauer

risposta

è necessario passare un nodo html e una posizione e un valore booleano

// create a node 
var htmlNode =document.createElement("h1"); 
var text = document.createTextNode("Text or whatever"); 
htmlNode.appendChild(text) 

// call this after you initialized the editor. 
// the position must be like this {ch: YourCharecterNumber, line: YourLineNumber} 
editor.addWidget({ch:30 , line: 1},htmlNode, true)

fonte

2013-01-19 00:57:12 aljordan82

bene, ho capito la firma del metodo, quello che io non sono sicuro di quello che ho userei questo per. Che cosa fa? Che cos'è un caso d'uso? –

L'ho usato per aggiungere un widget autoComplete personalizzato. – aljordan82

Quindi lo usi per aggiungere altri elementi DOM in una posizione particolare nell'editor? In che modo ha funzionato per il completamento automatico? Non dovresti aggiungere un widget mentre il cursore è attualmente (presumo che fosse il modo familiare di eseguire il completamento automatico tramite pop-up)? –

Problemi correlati

1. CodeMirror onBlur event e console.log()
2. Come scappare e mentre si usa sed
3. BitmapCache? Quando e come si usa?
4. Come uccidere un'istanza di CodeMirror?
5. Come aggiungere testo in CodeMirror
6. Come si usa Form.ShowDialog?
7. ViewDragHelper: come si usa?
8. Come si usa AVAssetWriter?
9. Come si usa TTStyledTextLabel?
10. Come si usa class_eval?
11. Come si usa strdup?
12. come si usa ensure_csrf_cookie?
13. Come si usa layoutIfNeeded?
14. Come si usa unittest.TestResult?
15. CakeEmail - Come si usa?
16. Come si usa Resources.getFraction()?
17. Proiezioni.Conditional - Come si usa?
18. Come si usa cx_freeze?
19. IRequiresSessionState - come si usa?
20. Come si usa gdb?
21. Come si usa CATransform3DMakeRotation?
22. Come si usa strcasestr()?
23. Come integrare CodeMirror in KnockoutJS?
24. Come si usa Drools Planner?
25. Come si usa gluLookAt correttamente?
26. NgDocs Provider Come si usa?
27. indirizzo jQuery come si usa?
28. Come si usa Dispatcher.BeginInvoke correttamente?
29. Come si usa llvm linker?
30. Come si usa boost bcp?