Coder Social home page Coder Social logo

Export HTML about idea-multimarkdown HOT 8 CLOSED

vsch avatar vsch commented on May 23, 2024
Export HTML

from idea-multimarkdown.

Comments (8)

vsch avatar vsch commented on May 23, 2024

@spotter, you can copy/paste the HTML right now. The HTML text preview is a regular text editor but in read only mode. So all non modifying actions such as search, select and copy work.

By export do you mean automatically save the HTML to a file every time the markdown document is edited? That would require some thought to the configuration or on the fly "learning" which files to save and where.

I thought about it but decided that the proper way would be to integrate it into the build process and decided that it was not something I could devote time to until full psi parser and related functionality was complete.

I will add it to the wish list. If you have some ideas of how you see it done for your needs please let me know. I don't have a use case in mind. On my website I opted out for a PHP markdown compiler instead of using my plugin for generating HTML since it was easier and results in half the files since I only need to keep the markdown source.

from idea-multimarkdown.

spotter avatar spotter commented on May 23, 2024

Thank you @vsch for the fast answer.

@spotter, you can copy/paste the HTML right now. The HTML text preview is a regular text editor but in read only mode. So all non modifying actions such as search, select and copy work.

This is what I do for the moment. However, this doesn't provide the "GitHub" look and feel I'd like (especially, syntax highlighting).

By export do you mean automatically save the HTML to a file every time the markdown document is edited? That would require some thought to the configuration or on the fly "learning" which files to save and where.

What I meant was more simply to enable the user to "right-click" on the HTML Preview tab and choose save as HTML.

My use case is probably simpler than what you are referring to in your last paragraph: I wrote a program for some collegues (i.e., with very limited distribution) and I wanted to write (in markdown) a standalone "Readme" that they could use as a user guide. As a workaround, I would be equally happy with the ability to specify the output location of the generated HTML rendered in the HTML Preview pane.

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

@spotter in multimarkdown settings you have a choice for the HTML Text tab whether it shows raw HTML as generated by the pegdown parser or "modified" for use in the preview tab. It sounds like you have the "modified" option turned off.

screen shot 2015-10-27 at 9 18 03 am

If you turn it on then all the CSS and other modifications done to the HTML for preview will be in the HTML tab. If you use the old preview then you will still need to manually add the CSS references since the old preview uses in memory css. The new preview copies all the files needed for rendering: CSS, font and highlight.js into temporary files so you can copy those temp files somewhere accessible and modify the references to these in the generated HTML. However these mods are mechanical and can be done with a simple script.

The CSS files used by old preview need to be copied from the jar or you can get a copy of all these files right from the repo from https://github.com/vsch/idea-multimarkdown/tree/master/src/main/resources/com/vladsch/idea/multimarkdown the css files ending in -fx.css are used for the new preview.

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

@spotter, just thought of an easier way to get all the CSS for new preview. In CSS Options select custom css with all the fixings:

screen shot 2015-10-27 at 9 37 14 am

Click "Load Internal CSS" and then you can enable the "Use Custom CSS". Then the HTML Text will have a single CSS reference and it will be a temp file containing the custom css which is a concatenation of all CSS files.

You can copy the temp file or copy/paste the Custom CSS text from the settings dialog to a file that you will use as the stylesheet for your users.

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

@spotter, oops, just discovered there is a bug that fails to include the custom css in the preview and html text. My bad. I'll have it fixed in the next release.

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

@spotter if you want to use the Custom CSS route then you can download a fixed plugin zip from here https://github.com/vsch/idea-multimarkdown/raw/master/dist/idea-multimarkdown.1.1.13.2.zip

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

See #314

from idea-multimarkdown.

vsch avatar vsch commented on May 23, 2024

Implementation in 2.1.1.8 or later, update available in EAP plugin channel.

from idea-multimarkdown.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.