Usuario:Sjimenezh1804/Wikipedia CodEditor/Extensiones
El propio desarrollador de Wikipedia CodEditor ofrece una serie de extensiones CSS para CodEditor. Al ser extensiones CSS, están enfocadas en la mejora de diseño de CodEditor, y no en su funcionamiento.
B Toolbar
editarB Toolbar es una barra de herramientas alternativa a la preinstalada. Para instalarla, elimina todo el código del archivo "codeditor.html" y copia y pega el siguiente código:
<html>
<head>
<title>Wikipedia CodEditor</title>
<style>
*{
font-family: Verdana, Bitstream Vera Sans;
}
textarea{
font-family: Courier New, Tlwg Mono, monospace;
}
</style>
</head>
<body>
<form name="editor">
<div id="toolbar">
<div align="center">
<input type="button" value="RF" onClick="document.editor.wiki.value+='<ref>Referencia</ref>'">
<input type="button" value="LV" onClick="document.editor.wiki.value+='* Lista con viñetas'">
<input type="button" value="TP" onClick="document.editor.wiki.value+='= Título de página ='">
<input type="button" value="TT" onClick="document.editor.wiki.value+='== Título =='">
<input type="button" value="ST" onClick="document.editor.wiki.value+='=== Subtítulo ==='">
<input type="button" value="CT" onClick="document.editor.wiki.value+='<blockquote>Cita</blockquote>'">
<input type="button" value="LN" onClick="document.editor.wiki.value+='# Lista numerada'">
<input type="button" value="CM" onClick="document.editor.wiki.value+='<!-- Comentario -->'">
<input type="button" value="FR" onClick="document.editor.wiki.value+='~~~~'">
<input type="button" value="VN" onClick="document.editor.wiki.value+='[[Nombre textual del artículo en Wikipedia|Nombre del vínculo]]'">
<input type="button" value="IM" onClick="document.editor.wiki.value+='[[Nombre de la imagen en Wikimedia Commons.formatodeimagen]]'">
</div>
</div><br />
<textarea name="wiki" rows="35" cols="123"></textarea><br />
</form>
</body>
</html>
Equivalencias
editar| A Toolbar | B Toolbar |
|---|---|
| Referencia | RF |
| Elemento de lista con viñetas | LV |
| Título de página | TP |
| Título | TT |
| Subtítulo | ST |
| Cita | CT |
| Elemento de lista numerada | LN |
| Comentario | CM |
| Firma | FR |
| Vínculo | VN |
| Imagen | IM |
CSS Toolbar
editarCSS Toolbar da un nuevo estilo sencillo a la barra de herramientas. También funciona con B Toolbar. Copia el siguiente código y pégalo en el archivo "codeditor.html" editándolo con el Bloc de notas.
#toolbar {
border: 1px solid #e5e5e5;
width: 50%;
margin: 20px auto;
box-shadow: 2px 1px 5px rgba(0,0,0,0.2);
}