dillinger icon indicating copy to clipboard operation
dillinger copied to clipboard

[Feature Request] Add Ability for Custom Stylesheets for Rendered HTML

Open joemccann opened this issue 11 years ago • 3 comments

As a Dillinger user I would like to be able set my own custom styles for the rendered HTML for the markdown that I am typing in.

For example, if I drop in an <img> it's width is 100%. It would be ideal for me to set the image width to say 480px if that is the max-width I wanted the image to be.

Should be available for all styles.

joemccann avatar May 05 '13 18:05 joemccann

This is something I'd love to see too!

I use markdown-here to send large emails to groups, and I collaborate with a few coworkers on them ahead of time.

Dillinger looks like a great way to collaborate! It would help our workflow if our custom CSS would appear here too.

caseywatts avatar Sep 27 '13 17:09 caseywatts

It's a fantastic idea. Trying to sort out best way to integrate it. Maybe create a modal where you can modify various tags, p, h1, etc. and stash it in localStorage?

joemccann avatar Sep 27 '13 17:09 joemccann

I'm totally happy with the interface markdown-here allows for custom CSS, there's just a block of CSS that I can edit as text.

image

markdown-here currently exposes the base css to the user, which might not be best though. I think a second layer of CSS given to the user is a good way to do it. Or, in my situation, I'd really like to have no base CSS applied to this except for what I define.

Here's a thread discussing how to better implement updates to the primary styling css - the baseline that the md renderer gives. We can sidestep this for now though if we just give a custom css option that starts blank. https://github.com/adam-p/markdown-here/issues/78

@adam-p

caseywatts avatar Sep 27 '13 19:09 caseywatts