• Categoría de la entrada:HTML / Javascript
  • Tiempo de lectura:3 minutos de lectura

TinyMCE tiene un menú contextual incorporado que se activa al hacer click derecho en el área del editor de contenido. Hay veces que necesitamos quitar este menú para poder usar las funciones de edición (copiar, cortar y pegar) en el editor directamente, como por ejemplo cuando trabajamos con el móvil o tableta que no podemos usar teclas rápidas ya que no tenemos teclado.

menu contextual tinymce

Bueno para eliminar el menú contextual lo que debes hacer es modificar lo siguiente en la función de llamada de TinyMCE de la siguiente manera:

/////////////////////////////////////////////////////////////////
//Este es un ejemplo básico de llamada del plugin
/////////////////////////////////////////////////////////////////

tinymce.init({
	  allow_script_urls: true,
	  selector: 'textarea',
	  menubar: false,
	  plugins: [
		'advlist autolink lists link image charmap print preview anchor',
		'searchreplace visualblocks code fullscreen',
		'insertdatetime media table contextmenu paste code'
	  ],
	  toolbar: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
	  extended_valid_elements : 'iframe[src|frameborder|style|scrolling|class|width|height|name|align]'
	});

/////////////////////////////////////////////////////////////////
//En plugins debes quitar la opción "contextmenu" te quedaría así
/////////////////////////////////////////////////////////////////
tinymce.init({
	  allow_script_urls: true,
	  selector: 'textarea',
	  menubar: false,
	  plugins: [
		'advlist autolink lists link image charmap print preview anchor',
		'searchreplace visualblocks code fullscreen',
		'insertdatetime media table paste code'
	  ],
	  toolbar: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
	  extended_valid_elements : 'iframe[src|frameborder|style|scrolling|class|width|height|name|align]'
	});


Con esto lograrás quitar el menú contextual de TinyMCE y podrás usar las opciones de edición.

menu edicion tinymce

Deja una respuesta