my documents are looking good in the CKeditor's textarea field. But when using the so generated HTML-files it doesn't look good. No wonder: there are no CSS styles saved in the HTML.
Which css files do I have to include to display ckeditor's HTML files looking similar to those within the editor? Or can I make Ckeditor include it's styles information in the HTML?
Use contents.css, located in your ckeditor root folder.
Related
I've created documentation using Sphinx and the read the docs theme, but the arrows are missing from the buttons
Can anyone help?
Make sure the css files of sphinx theme are located in the right place
Your Sphinx document probably uses CSS that specifies a font, in which these unicode "codepoint boxes" are arrows.
Either the CSS is external, but not shipped alongside with the HTML, or so is the font.
Is there a way to set the html logo to the centre of the sidebar?
I have looked around, but cannot find this option, does it exist?
To change the style of the HTML of your Sphinx project, you need to adjust the CSS of your theme.
You can do this by setting the html_style variable in your project's conf.py file to reference a custom style sheet, as described here in the Sphinx documentation.
The exact CSS rules you need to apply depend on the HTML theme you are using.
I'm writing a post for my Github-hosted site. I'm writing to my-first-post.md.
I have Javascript in script tags, CSS in style tags, and HTML in divs and spans.
When I paste the code in the .md and run jekyll serve thru Ruby, all I get is a page with the raw HTML.
What am I doing wrong?
"HTML is a publishing format; Markdown is a writing format." --daringfireball
Markdown is supposed to be simple.
You shouldn't be putting javascript into markdown unless you have a good reason to be doing so and even then I don't think every markdown converter will process javascript.
Ideally, your markdown should be confined to this list and maybe some simple HTML.
Any CSS or javascript should be included as part of your theme.
Edit, explaining jekyll filestructure:
So your Jekyll site should have a file structure that looks something like this. In very broad terms, your CSS and javascript should be in the default.html file located in the _layouts folder. You'll probably notice that the file appears to be a regular HTML file, more or less. The blog post--which is the markdown after it has been converted to HTML--will insert itself into the layout at the {{ content }} tag.
Also, the CSS and javascript doesn't have to be in default.html. It can also be in external files that you link to from default.html
Use MDX. It can do a lot. But if you want to use something more appropriate for the task at hand, I'd suggest looking into Astro . You can find more on these websites. For astro you can install the CLI and write markdown in less than 2 minutes. And also, it's very fast and integrates with a lot of frameworks.
I am developing a firefox extension which needs to add some html on the page it runs.
This element I will be writing needs to be decorated with css and also load some images.
I have both the css file and the images in the plugin, but I do not know how to reference them.
Do I need to insert the css file to the page I want to modify?
In the css file how can I reference the images that are in the extensions?
Thanks
You need to use chrome notation:
Check here:
http://www.ar-ent.net/dar/arlib32/out/html/man/xul/textimage.html
For example if I put "C:\docs" in address bar of Firefox, it shows all files in the directory. Is it possible to customize this page with CSS?
Apache 2.2 allows us to do it using IndexStyleSheet directive, so I wondered if Firefox can do it.
Firefox has a file userContent.css for each profile (found in the profile's settings folder). That file defines the standard CSS, why may then be overwritten by a website. So they also apply to directory listings.
You should have a look at the actual HTML code Firefox is creating for the directory listing to see how to do the CSS definitions right. You will find extensive documentation about userContent.css on the web.
http://www.mozilla.org/unix/customizing.html#userContent
I think the easiest way is to create an own skin which custom css. You have to modify dirListing.css in this case. (chrome://global/skin/dirListing/dirListing.css)
I know the walnut theme (https://addons.mozilla.org/en-US/firefox/addon/122) includes a modified file listing.