Рендеринг P5.JS в обсидиане/JavaScript не работает в расширении обсидиана ⇐ Html

[Anonymous]

Я работаю над своим первым расширением обсидиана. Это первый раз, когда использует TypeScript, и у меня нет большого опыта работы с JavaScript. Я хочу построить расширение, которое изменяет кодовый блок P5.JS в элемент HTML с помощью кода P5, отображаемого в нем. Я выяснил, как заменить кодовый Block для элемента HTML, но я не могу заставить код JS для запуска. Не только когда он содержит p5, также при попытке консоли.log () . Я, наверное, упускаю что-то очень очевидное, но с этим в качестве первого непитона/HTML-проекта я действительно не могу найти то, что делаю не так. Работал ли я, когда я открыл его в своем браузере, но при добавлении этого кода в качестве элемента HTML в обсидиане JavaScript не работал. />

Код: Выделить всё

p5.js Sketch



p5.js Sketch


function setup() {
createCanvas(400, 400);
}

function draw(){
background(220);
ellipse(mouseX, mouseY, 50, 50);
}

new p5(function(sketch) {
sketch.setup = setup;
sketch.draw = draw;
}, 'sketch-container');

Кодовый блок, помеченный p5js с `` `p5js in obsidian:

Код: Выделить всё

function setup() {
createCanvas(400, 400);
}

function draw() {
if (mouseIsPressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}

Весь файл main.ts :

Код: Выделить всё

import { App, Editor, MarkdownView, Modal, Notice, Plugin, PluginSettingTab, Setting } from 'obsidian';
import p5 from "p5";

export default class MyPlugin extends Plugin {
async onload() {
this.registerMarkdownCodeBlockProcessor('p5js', (source, el) => {
const code = source.trim();
// Replace the code block with a basic HTML structure
el.innerHTML = `




p5.js Sketch



p5.js Sketch


${code}

new p5(function(sketch) {
sketch.setup = setup;
sketch.draw = draw;
}, 'sketch-container');



`;
});
}
}

Codeblock в режиме чтения:
< /p>

Подробнее здесь: https://stackoverflow.com/questions/760 ... -extension