Sto usando bootstrap-wysihtml5 in un sito Web eè necessario personalizzare l'editor in modo che corrisponda all'aspetto del mio sito Web. Ad esempio, l'editor bootstrap-wysihtml5 ha uno sfondo bianco con testo nero, ma devo cambiarlo in, diciamo, uno sfondo rosso con testo bianco. Mi piacerebbe anche usare un carattere diverso.
Se uso Fiddler per esaminare il <iframe> creato da bootstrap-wysihtml5, vedo che il file <body> elemento nel <iframe> ha il seguente style definizione:
background-color: rgb(255, 255, 255);
color: rgb(44, 62, 80);
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
...
Il font-family le impostazioni utilizzate qui sono definite in my bootstrap.css file, quindi presumo che sia dove style definizioni nel <iframe> provengono da, ma non vedo come posso personalizzare questi a qualcosa di diverso.
Ho provato a modificare il <iframe> <body> stile tramite jQuery nel bootstrap-wysihtml5 load e funziona, ma non appena faccio clic sull'editor lo stile personalizzato viene sovrascritto con lo stile predefinito.
Come posso implementare il mio stile personalizzato in questo editor?
Grazie
risposte:
2 per risposta № 1Puoi aggiungere i tuoi fogli di stile all'iframe impostando un'opzione durante la creazione dell'area wysihtml5:
$("#textarea-id").wysihtml5({
stylesheets: ["/url/of/stylesheet/to/put/in/iframe"]
});