A self-hosted TinyMCE 8.0.2 setup is being integrated with Prism.js to build a syntax-highlighted code editor. The main uncertainty is whether to apply changes via TinyMCE commands/configuration or by directly modifying local HTML, CSS, and JavaScript. A hardcoded code block renders correctly on initial page load but new blocks added through TinyMCE menus and tools fail to render as expected. The local environment shows a language label and a button that reads "true" instead of "copy", while line numbers exist in the DOM but remain hidden except for a brief flash on refresh. Guidance is requested for correct Prism.js and TinyMCE integration and event handling.
"I've been making progress toward my goal of integrating the TinyMCE text editor. I'm using the self-hosted version 8.0.2, and while I'm happy with several aspects of it, I haven't yet been able to achieve everything I'm aiming for. The challenge I'm facing is understanding the "TinyMCE way" of doing things. I'm not sure whether I should be applying changes through TinyMCE's commands and configuration options, or by directly modifying the local HTML, CSS, and JavaScript."
"I've hardcoded a version that works when the page loads, but it doesn't render the way I expect when new code blocks are added via menus and tools. Also, here the local version does not show in the Pen. I suspect this is due to differences in my local setup. On my setup, the language label does appear in the top right, and there's a button that says "true" (not "copy") - but the line numbers seem to be hidden (here also)."
Read at SitePoint Forums | Web Development & Design Community
Unable to calculate read time
Collection
[
|
...
]