Как рисовать холст в редакторе wordpress

Question

Я пытаюсь рисовать холст в редакторе wordpress. В «Странице» с выполненной на заказ кнопки для моего плагина я могу добавить холст с помощью:

wp.media.editor.insert('<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">canvas test </canvas>'); 

, но когда я пытаюсь сделать что-то в полотне он не работает.

var c = document.getElementById("myCanvas"); 
var ctx = c.getContext("2d"); 
ctx.font = "30px Georgia"; 
ctx.fillText("test", 90, 50); 

Я не уверен, почему он не может найти холст, чтобы нарисовать его.

Answer 1

Хорошо, поэтому я нашел правильный способ сделать это.

Редактор в «Страницы» и «Посты» находится в iframe. Таким образом, это способ доступа и рисования на холсте:

var iframe = document.getElementById('content_ifr'); 
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document; 
    var canvas = innerDoc.getElementById('myCanvas'); 
    var ctx = canvas.getContext("2d"); 
    ctx.font = "30px Georgia"; 
    ctx.fillText("test", 90, 50); 

Answer 2

Возможно, этот плагин полезен для вас.

https://wordpress.org/plugins/wc-shortcodes/

Пожалуйста, попробуйте.