-
Notifications
You must be signed in to change notification settings - Fork 27
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
The recommended way for implementing a resizable PrismJS editor #16
Comments
I think you should see #15 also. |
Hi @marcimat, I've checked the proposed solution, but it does not solve my problem :/. Also, I've created an additional question on the StackOverflow. |
Perhaps you can use my modificated version - PrismJS Live Lite (Demo here) The wrapping is much better but there are still some problems with that. Perhaps using textarea on top of the content is not a good idea. |
Many thanks for the PrismJS!
So far, I've used it to highlight the code snippets, and it works great!
Now, I would like to extend it and make highlighted code snippets editable (web-based code editor like Prism live).
On the Prism live site, I haven't found any example with the resizable editor (no scrollbars).
Adjusting CSS to make the editor resizable (mostly adding
white-space: pre-wrap;
andoverflow: hidden
), I've encountered the issue attached below. It seems that the solution with layeredtextarea
andpre
elements has some drawbacks (probably something with differently breaking text intextarea
and highlighted content underpre
element).To get back to the problem 😄, is there any recommended way that Prism live plans to adopt to support resizable code editors in browsers?
TIA
The text was updated successfully, but these errors were encountered: