EnlighterJS / Plugin.TinyMCE

:pencil: Official EnlighterJS Plugin for TinyMCE
https://tinymce.enlighterjs.org
Mozilla Public License 2.0
11 stars 6 forks source link

The height of the code view #11

Closed ajtruckle closed 4 years ago

ajtruckle commented 4 years ago

Hi!

Please see this page:

https://www.publictalksoftware.co.uk/videos/using-custom-dates-on-s-140-schedule/

At the moment I have a hyperlink to a external code file. If I convert this into a EnlighterJS code block it becomes a big view. Is it possible for just this code snippet to display it with vertical scroll bar so that it is not so large?

AndiDittrich commented 4 years ago

Hi,

you want to change the TinyMCE "Enlighter" block size ?

ajtruckle commented 4 years ago

Yes, that is what I meant! You said it much simpler. But just on that page if possible.

From: Andi Dittrich notifications@github.com Sent: 23 July 2020 15:01 To: EnlighterJS/Plugin.TinyMCE Plugin.TinyMCE@noreply.github.com Cc: ajtruckle truckleaj-software@hotmail.co.uk; Author author@noreply.github.com Subject: Re: [EnlighterJS/Plugin.TinyMCE] The height of the code view (#11)

Hi,

you want to change the TinyMCE "Enlighter" block size ?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://eur06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2FEnlighterJS%2FPlugin.TinyMCE%2Fissues%2F11%23issuecomment-663024433&data=02%7C01%7C%7Cd19af4291e6b4aa4bc5c08d82f10e1ec%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637311096832873958&sdata=EZuiHz2%2BFSKOPwf56WeW%2FosbQ4PMesHt9JNQZCgTKNw%3D&reserved=0, or unsubscribehttps://eur06.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAB45RM4GG5RBKXRR435Y4PTR5A7DDANCNFSM4PFWJHTA&data=02%7C01%7C%7Cd19af4291e6b4aa4bc5c08d82f10e1ec%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637311096832873958&sdata=tblG7n5WgQAhG9TWBQ8WhHhZwJmoSYDiZdTjs20N2QI%3D&reserved=0.

AndiDittrich commented 4 years ago

on a particular page...that's going to be difficult...

the "block" in TinyMCE is just the <pre> tag which is used by EnlighterJS. you can add custom editor styles to TinyMCE and use the max-height as well as overflow: scroll css attribute.

limiting these settings to a page can be done via the page-id/post-id or the path

ajtruckle commented 4 years ago

Ok, I may have a look. Thanks for the explanation.