TinyMCE – Insira mídia no início da publicação

Quero modificar o TinyMCE no WordPress para que ele insira a mídia (imagem, etc.) sempre no início dos conteúdos da publicação. Para isso, preciso mudar a posição do cursor para o início, inserir mídia e possivelmente restaurar a posição anterior do cursor. Não tenho certeza de como conseguir isso. Por favor informar.

Solutions Collecting From Web of "TinyMCE – Insira mídia no início da publicação"

Se o seu objective é obter uma foto no topo de cada publicação, gostaria de incentivá-lo a usar a imagem em destaque. Pode ser adicionado a qualquer tipo de publicação com add_theme_support() :

 // add featured image to Page post type add_theme_support( 'post-thumbnails', array( 'page' ) ); 

Em seguida, o usuário pode enviar uma imagem para o campo “Imagem destacada” e você pode exibir isso em seu modelo imediatamente anterior ao seu conteúdo:

 // ... the loop and stuff ... the_post_thumbnail(); the_content; // ... more stuff, close the loop, etc. 

the_post_thumbnail() leva argumentos adicionais que permitem definir o tamanho desejado junto com outros atributos de imagem. Sempre que eu quiser padronizar a input de imagens, esse é o meu caminho preferido.

Se você precisar de mais de uma imagem, adicione uma meta checkbox personalizada ou olhe para um dos plugins que vem com uma meta checkbox de imagem como Campos ou tipos personalizados avançados. Você pode então permitir que mais imagens sejam carregadas e planejadas, como quiser.

Uma opção final seria fazer com que as pessoas enviassem fotos em uma página para que elas estejam anexadas e depois coloque uma galeria imediatamente antes do the_content como este:

 // ... the loop and stuff ... do_shortcode( '[gallery]' ); the_content; // ... more stuff, close the loop, etc. 

Encontrei isso que me ajudou a mover o cursor para iniciar a publicação antes de inserir a mídia. Meu código modificado é:

 var root = ed.dom.getRoot(); var node = root.childNodes[0]; if (tinymce.isGecko) { node = node.childNodes[0]; } ed.selection.select(node); ed.selection.collapse(true); // The following is required to work in IE, don't remember from where did I get this =) if ( tinymce.isIE) { ed.focus(); ed.windowManager.insertimagebookmark = ed.selection.getBookmark(); } if ( tinymce.isIE && ed.windowManager.insertimagebookmark ) ed.selection.moveToBookmark(ed.windowManager.insertimagebookmark);