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

editar

B 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
Equivalencias A Toolbar y B Toolbar
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

editar

CSS 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);
}