{"id":38554,"date":"2015-07-13T09:12:48","date_gmt":"2015-07-13T09:12:48","guid":{"rendered":"https:\/\/es.wordpress.org\/support\/topic\/wp_editor-en-un-modalbox-con-backbone-y-underscore\/"},"modified":"2016-08-06T00:41:54","modified_gmt":"2016-08-06T00:41:54","slug":"wp_editor-en-un-modalbox-con-backbone-y-underscore","status":"closed","type":"topic","link":"https:\/\/es.wordpress.org\/support\/topic\/wp_editor-en-un-modalbox-con-backbone-y-underscore\/","title":{"rendered":"wp_editor en un modalbox con backbone y underscore"},"content":{"rendered":"<p>Hola,<\/p>\n<p>Estoy trabajando en un plugin que necesita utilizar el editor de texto en el admin en varias ventanas modales. Para este proyecto estoy utilizando backbone y el motor de template de underscore.<\/p>\n<p>Cuando backbone renderiza las vistas en las que est\u00e1 incluido el editor, el editor no funciona, las tabs no funcionan y los botones del editor no aparecen.<\/p>\n<p>Un c\u00f3digo simplificado de ejemplo ser\u00eda este:<\/p>\n<pre><code>class Modal {\n\n  public function __construct( ) {\n    if ( is_admin() ) {\n      add_action( &#039;admin_footer&#039;, [ $this, &#039;_render_template&#039; ] );\n      add_action( &#039;admin_enqueue_scripts&#039;, [ $this, &#039;_admin_enqueue&#039; ] );\n    }\n  }\n\n  public function _render_template() {\n    echo &#039;&lt;script type=&quot;text\/template&quot; id=&quot;tmpl-modal&quot;&gt;&#039;;\n      wp_editor( &#039;Text...&#039;, &#039;modal-box-editor&#039; );\n    echo &#039;&lt;\/script&gt;&#039;;\n  }\n\n  public function _admin_enqueue( $hook ) {\n    if ( &#039;post.php&#039; != $hook &amp;&amp; &#039;post-new.php&#039; != $hook ) return;\n    wp_enqueue_script( &#039;modal-box-script&#039;, get_template_directory_uri() . &#039;\/modal-box-script.js&#039;, [ &#039;jquery&#039;, &#039;backbone&#039;, &#039;underscore&#039; ], null, true );\n  }\n}\n\n$Modal = new Modal();<\/code><\/pre>\n<p>y el js<\/p>\n<pre><code>jQuery(document).ready(function($) {\n\n  ModalView = Backbone.View.extend({\n    tagName : &#039;div&#039;,\n    template : _.template( $( &#039;#tmpl-modal&#039; ).html() ),\n    $parent : $( &#039;body&#039; ),\n\n    initialize : function() {\n      this.render();\n    },\n    render : function() {\n      this.$el.html( this.template() );\n      this.$parent.append( this.el );\n      return this;\n    },\n  });\n  var ModalBox = new ModalView();\n});<\/code><\/pre>\n<p>Necesitar\u00eda saber como puedo instanciar el editor desde js o activar el editor cuando la vista haya sido renderizada.<br \/>\n\u00bfAlguna idea?<\/p>\n<p>Muchas gracias. Saludos<\/p>\n","protected":false},"template":"","class_list":["post-38554","topic","type-topic","status-closed","hentry","topic-tag-admin","topic-tag-editor"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/38554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/38554\/revisions"}],"wp:attachment":[{"href":"https:\/\/es.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=38554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}