Perú

Lima,Perú

TinyMCE Complemento Font Awesome

Fecha Publicación:       30 de Abril de 2019
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>	​
Leidas : 520 Veces
Compartir: