TinyMCE Complemento Font Awesome
Fecha Publicación:
30 de Abril de 2019
Fecha Modificación:
28 de Enero de 2020
Complemento Font Awesome para TinyMCE:
A sido probado para TinyMCE version 4.9.2 para TinyMCE version 5 no encuentro como implementarlo todavia.
Un complemento que te permite insertar iconos de FontAwesome a través de TinyMCE
Instrucciones:
- Asegúrese de tener cargado FontAwesome en la página que contiene TinyMCE.
- Copie la carpeta fontawesome en la carpeta plugins de TinyMCE.
- Agregue esto a su script TinyMCE:
<link href="/webadmin/tinymce/font-awesome_4_7_0/css/font-awesome.min.css" rel="stylesheet">
<script src="/webadmin/tinymce/tinymce_4_9_2/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.PluginManager.load('fontawesome','/webadmin/tinymce/tinymce_4_9_2/plugins'+'/fontawesome/plugin.min.js');
tinymce.init({
selector: "textarea",
width: "100%",
height: 500,
content_css: 'https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css',
noneditable_noneditable_class: 'fa',
plugins: 'fontawesome noneditable',
toolbar: 'fontawesome',
extended_valid_elements: 'span[*]',
/*extended_valid_elements : "*[*],a[href|target=_blank],
strong/b,div[align],br,div[id|dir|class|align|style],span[id|dir|class|align|style],
ul[id|dir|class|align|style],li[id|dir|class|align|style],
iframe[id|class|title|style|align|frameborder|height|longdesc|
marginheight|marginwidth|name|scrolling|src|width]
img[class=myclass|!src|border:0|alt|title|width|height|style],span[*] ",
*/
language: "es"
});
</script>
<body>
<textarea name="htmlcodigo" id="htmlcodigo" cols="50" rows="10">
<?=$row_contenido['cadspubli']?></textarea>
</body>