How to call the marked library to handle the markdown language when introducing HTML in Matlab appdesigner?

40 visualizaciones (últimos 30 días)
How to call the marked library to handle the markdown language when introducing HTML in Matlab appdesigner? Currently, I am using the local marked library, but Matlab shows that it is not supported

Respuestas (1)

Sameer
Sameer el 8 de Nov. de 2024 a las 9:21
Editada: Sameer el 8 de Nov. de 2024 a las 9:31
To use the "marked library" in MATLAB App Designer, there is a limitation with the "uihtml" component:
"HTML files that you specify for the HTMLSource property cannot access third-party JavaScript libraries by way of a Content Delivery Network (CDN). Save libraries in a location that your local file system can access."
By saving the "JavaScript" libraries locally you can access them
Here's an example implementation:
1. Download "marked.min.js" :Go to https://cdn.jsdelivr.net/npm/marked/marked.min.js and save the code locally.
2. Save the HTML content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Markdown Renderer</title>
<script src="marked.min.js"></script> <!-- Local JS file -->
</head>
<body>
<div id="content"></div>
<script>
window.onload = function() {
var markdownText = '# Marked in the browser\n\nRendered by **marked**.';
document.getElementById('content').innerHTML = marked.parse(markdownText);
};
</script>
</body>
</html>
3. Set the "HTMLSource" field of your HTML component
Now the rendered Markdown content will be displayed as follows:
Hope this helps!
  1 comentario
健文
健文 el 8 de Nov. de 2024 a las 9:55
Thanks, but I put my script file in another separate file and used setup (HTMLcomponent) to interact with matlab, which seems to cause an. Also, I want to call mathjax or katex to render formulas. How should I do it?

Iniciar sesión para comentar.

Categorías

Más información sobre Startup and Shutdown en Help Center y File Exchange.

Productos


Versión

R2024b

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!

Translated by