Página 1 de 1

instalación de tinymce

Publicado: 05 Nov 2010, 12:28
por rodrigo00
(publico este tema en este foro, pero no se si realmente debe ir en esta sección)

Hola, estoy tratando de instalar el tinymce, he subido los archivos que descargado al root de mi sitio. Según he leído tengo que insertar el siguiente código en el header (lo he insertado donde me ha parecido por que no sabía donde tenía que ir exactamente):

Código: Seleccionar todo

<script language="javascript" type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

Código: Seleccionar todo

<script language="javascript" type="text/javascript"> 
tinyMCE.init({ 
      mode : "textareas", 
      theme : "simple" 
   });
Y no aparece el tinymce a la hora de escribir un mensaje.

¿Que estoy haciendo mal?
¿No es así como hay que hacerlo? ¿Cómo habría que hacerlo?
Muchas gracias de antemano.


URL: http://pasabaporaqui.byethost6.com
Versión phpBB: phpBB3 (phpbb 3.0.7-PL1)
MODs Instalados: Ajax chat
Plantilla(s) usada(s): prosilver
Servidor: Gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Re: instalación de tinymce

Publicado: 05 Nov 2010, 12:37
por uruguayito
tal vez indicar de donde has bajado el mod también pueda ayudar ;)

Re: instalación de tinymce

Publicado: 05 Nov 2010, 12:57
por rodrigo00
El mod lo he descargado de: http://tinymce.moxiecode.com/download.php, el main package.

instalación de tinymce

Publicado: 05 Nov 2010, 16:12
por leviatan21
rodrigo00 escribió:Según he leído tengo que insertar el siguiente código en el header (lo he insertado donde me ha parecido por que no sabía donde tenía que ir exactamente):

Código: Seleccionar todo

<script language="javascript" type="text/javascript" src="/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

Código: Seleccionar todo

<script language="javascript" type="text/javascript"> 
tinyMCE.init({ 
      mode : "textareas", 
      theme : "simple" 
   });
La ubicación está bien, salvo que falta una linea :
Donde tienes esto :

Código: Seleccionar todo

<script language="javascript" type="text/javascript"> 
tinyMCE.init({ 
      mode : "textareas", 
      theme : "simple" 
   });
Agrega, después :

Código: Seleccionar todo

</script>
para que quede así :

Código: Seleccionar todo

<script language="javascript" type="text/javascript"> 
tinyMCE.init({ 
      mode : "textareas", 
      theme : "simple" 
   });
</script>

instalación de tinymce

Publicado: 05 Nov 2010, 17:56
por rodrigo00
Perfecto, al cerrar el script he conseguido que aparezca algo de tinymce pero me sale en la parte de abajo y con muy pocos iconos de edición. Os paso una captura para que os hagáis una idea. Si no os vale con la captura y es necesario que os registréis para verlo, podéis hacerlo. Muchas gracias.

Re: instalación de tinymce

Publicado: 05 Nov 2010, 18:13
por leviatan21
Actualiza los datos de soporte, según dice sólo tienes el Ajax chat, no dice nada de botones en los bbcodes. :wink:

Tampoco veo que las plantillas del estilo prosilver estén modificadas según las instrucciones :
styles/prosilver/template/posting_buttons.html
styles/prosilver/template/posting_editor.html
styles/prosilver/template/posting_layout.html

instalación de tinymce

Publicado: 06 Nov 2010, 13:14
por rodrigo00
Actualizo datos de soporte:

URL: http://pasabaporaqui.byethost6.com/
Versión phpBB: phpBB3 (phpbb 3.0.7-PL1)
MODs Instalados: Ajax chat
BBcodes: youtube, vimeo, facebook y archivos mp3
Plantilla(s) usada(s): prosilver
Servidor: Gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

En la documentación o instrucciones de tinymce, no pone nada de modificar las plantillas prosilver, solo que debo insertar un código en el header. He vuelto a insertar el código en el header (ahora el que he extraído de la documentación y no el que tenía antes que era de internet) y me han aparecido más botones, pero no todos, y sigue saliendo la barra de edición en la parte de abajo del textarea.

La documentación que he usado es esta: http://wiki.moxiecode.com/index.php/Tin ... stallation y el código que tengo ahora mismo en el header es este:

Código: Seleccionar todo

<script type="text/javascript" src="http://pasabaporaqui.byethost6.com/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
	theme : "advanced",
	mode : "textareas",
	plugins : "fullpage",
	theme_advanced_buttons3_add : "fullpage"
});
</script>

instalación de tinymce

Publicado: 06 Nov 2010, 13:29
por rodrigo00
Ya lo tengo, estoy modificando el ancho del foro para que entre bien la barra tinymce.

instalación de tinymce

Publicado: 06 Nov 2010, 14:24
por rodrigo00
Parece que todo estaba en orden hasta que he decidido hacer una prueba con el tiny_mce. Cuando pulso vista previa después de haber escrito una palabra en negrita no se muestra dicha palabra en negrita, si no en código html. Os dejo las capturas para que lo veáis. Y otra cuestión, los iconos del mensaje ¿por qué no aparecen en la barra de edición? (los emoticonos los he desabilitado, ya que el tiny_mce trae emoticonos propios). Si conocéis algún otro editor más simple y que funcione bien (como el que se usa en este foro) ¿me lo podriais indicar? Muchas gracias.

Re: instalación de tinymce

Publicado: 06 Nov 2010, 15:22
por leviatan21
Una cosa es instalar tinymce y otra muy diferente es integrar tinymce a phpbb con un MOD como este : [DEV] TinyMCE integration

Desafortunadamente no hay buenas integraciones entre phpbb y editores WYSIWYG en general, tarde o temprano aparecen los problemas

instalación de tinymce

Publicado: 06 Nov 2010, 15:25
por rodrigo00
Insensato de mi. A partir de ahora buscaré integrar y no instalar... Muchas gracias, voy a probar con ese mod y os cuento.

instalación de tinymce

Publicado: 06 Nov 2010, 15:43
por rodrigo00
Pues acabo de integrarlo con las instrucciones que vienen en el link de leviatan21 y no me aparece nada :S

instalación de tinymce

Publicado: 07 Nov 2010, 20:51
por rodrigo00
He logrado integrar el tinymce con phpbb, con el link de leviatan21, pero en la barra de iconos hay muy pocos. El archivo de configuración del tinymce lo tengo de la siguiente manera:

Código: Seleccionar todo

tinyMCE.init({
  theme : "advanced",
  mode: "textareas",
  editor_selector : "rich",
  plugins : "bbcode",
  /* for a localized version: install your language file, uncomment next line and adapt it */
  /* language : "en", */
  theme_advanced_buttons1 : "bold,italic,underline,bullist,numlist,image,link,unlink,fontsizeselect,forecolor,justifyleft,justifycenter,justifyright,justifyfull,undo,redo,removeformat,",
  theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
  theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
  theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
  theme_advanced_toolbar_location : "top",
  theme_advanced_toolbar_align : "center",
  /* for a localized version: you should adapt next line by translating texts */
  theme_advanced_font_sizes : "tiny=50%,small=85%,normal=100%,big=150%,huge=200%",
  content_css : "styles/prosilver/theme/bbcode.css",
  convert_fonts_to_spans: true,
  font_size_style_values : "8,10,12,14,18,24,36",
  entity_encoding : "raw",
  add_unload_trigger : false,
  remove_linebreaks : false,
  setupcontent_callback : "inizia",
  force_p_newlines : false,
  forced_root_block : false,
  //convert_fonts_to_spans : false,
  media_types : "flash=swf"
});
function toggla(bb)
{
  var bottone = document.getElementById('bottonecambia');
  if (tinyMCE.getInstanceById('message') != null) {
    tinyMCE.execCommand('mceRemoveControl', false, 'message');
    bb.style.display = '';
    bottone.removeChild(bottone.firstChild);
    bottone.appendChild(document.createTextNode('visual editor'));
  } else {
    tinyMCE.execCommand('mceAddControl', false, 'message');
    bb.style.display = 'none';
    bottone.removeChild(bottone.firstChild);
    bottone.appendChild(document.createTextNode('bb source'));
  }
}
function inizia(editor_id, body, doc)
{
  rte = tinyMCE.getInstanceById(editor_id);
  var bb = document.getElementById('format-buttons');
  if (bb && bb.style.display != 'none') {
    bb.style.display = 'none';
    var sottobb = document.createElement('div');
    bb.parentNode.insertBefore(sottobb, bb.nextSibling);
    var a1 = document.createElement('a');
    a1.setAttribute('id', 'bottonecambia');
    a1.appendChild(document.createTextNode('bb source'));
    tinymce.dom.Event.add(a1, 'click', function(e) {toggla(bb);});
    sottobb.appendChild(a1);
  }
  var boxfaccine = document.getElementById('smiley-box');
  if (!boxfaccine) {
    return;
  }
  var imgs = boxfaccine.getElementsByTagName('img');
  var ia;
  for (var i = 0; i < imgs.length; i ++) {
    ia = imgs[i].parentNode;
    ia.onclick = null;
    if (ia.getAttribute('onclick') == 'javascript:return false;') {
      continue;
    }
    ia.setAttribute('onclick', 'javascript:return false;');
    tinymce.dom.Event.add(ia, 'click', function(e) {
      var bb = document.getElementById('format-buttons');
      if (bb && bb.style.display != 'none') {
        insert_text(e.target.alt, true);
      } else {
        rte.execCommand('mceInsertContent', false, rte.dom.createHTML('img', {src: e.target.src}));
      }
      tinymce.dom.Event.stop(e);
    });
  }
  rte.focus();
}
¿Qué debo hacer para que me aparezcan más botones con más opciones.