Syntax Highlighting FORK (night mode fix, gui config, etc.)

This description only refers to the add-on version for Anki 2.1.32+ For the original add-on Syntax Highlighting for Code (maintained/extened by glutanimate) click here. This add-on is a fork (modified version). My version has several improvements, mainly better night mode compatibility and a different user interface which I think is more flexible to use and easier to setup. You can e.g. - ... quickly filter all available styles. - ... easily make your syntax highlighting compatible with night mode: If you don't need a custom background color for your code block it's just one checkbox in the add-on config for many themes. If you want custom background colors check two boxes in the configuration dialog (use CSS and update templates). With the original you need to install a different add-on, copy a file to your media folder and adjust all your templates manually. As in the original add-on the css option only works if the style you use is suited to the night mode. Only the default layout is adjusted to the anki nightmode. I haven't tested other layouts. - ... paste code unformatted (wrapped in "pre" or "code" tags). For pre this add-on automatically set the inline styling style="text-align: left;" so that the code is properly left aligned even if you have "text-align: center" from the .card class. - ... easily configure a custom font for the snippets - ... paste highlighted code as inline code wrapped in a "< code >" tag. To use this press "win/meta" while selecting your action from the menu. This feature only partially works. - ... when in the editor you can override your default settings with modifier keys. e.g. You just opened the language selection menu with "Alt+s" in the editor. Then use the cursor to select the relevant language. Before you press "Return" hold down "Alt" and only release it after you have pressed "Return". "Alt" means you get inline styling and you can set a custom style even though in general you use css. "Shift" toggles the default setting for line numbers for this one time and "Control" toggles your setting for centering for this one time. - ... set a custom font. Use my version at your own risk! This add-on works well for me but as a prudent user you have backups ... You can download the following screencasts (gifs) by right-clicking them. Then select "save image as" from the context menu (tested in Chrome and Firefox). Then open these gifs with a program that supports to pause gif files. On Windows I use the popular image viewer IrfanView that can also display gifs. IrfanView has "Options->Start/Stop Animation" and you can adjust the speed with [SHIFT][CTRL][+] or [SHIFT][CTRL][-]. On Linux I use mpv. In this screencast I use this add-on to toggle the night mode for webviews. Here is a screencast about the initial setup and use. # Night Mode setup (if you use the default options that don't use classes) By default pygments creates code snippets that have a bright background. # technical changes Apart from the different UI I made these changes: - I bundle much more recent pygments versions. - For centering I no longer use the deprecated "<center>" tag. Instead I use "margin: 0 auto;". When no css is used I also add "text-align: left;" for the code (or pre tag) so that I can override the setting "text-align: center" from the .card class. This isn't necessary when you use "<center>". - When no css is used pygments still applies the classes "highlight". This has advantages but also some drawbacks. Usually I want a really dark background but such a background doesn't work for all themes, e.g. keywords in the borland theme are dark blue and hardly readable on a dark background. So my add-on adds a custom class for each theme: Instead of just "highlight" a class like "shf__default__highlight" (if you use the default theme) or "shf__borland__highlight" is added. - For inserting html without classes I don't use "inserthtml" because this strips inline styling when it matches the css styling. For technical details see e.g. this stackoverflow thread. In the editor text-align is set to left. When I use "inserthtml" this removes the inline style "text-align: left;" from a tag. When I review and use "text-align: center" this will be a problem. So I switched to a custom html insertion function. For some styling related changes I use bs4. # bugs etc. Please do not use reviews for bug reports or support requests. I don't get notified of your reviews, and properly troubleshooting an issue through them is nearly impossible (formatting is limited and I can't reply multiple times). If you find a bug let me know on github or in the anki forum (click the "contact author" button in the upper right). When you use the css option and the code doesn't look like expected: Make sure to check if the styling section of your card template starts with the line '@import url("_styles_for_syntax_highlighting.css");'. Then check if you have the file "_styles_for_syntax_highlighting.css" in your media folder and if it contains the css styles you want. # Versions - 2020-11-13 "pre" has inline style "text-align: left;" and custom class, individual class for each theme when using inline styling, when using classes option to use style per class, use less bs4, - 2020-09-13 pygments 2.7.0, add button in settings to view/edit css file (location), add dialog to update all templates (instead of having to select each one). - 2020-05-13 try to fix #2 (display chosen font when using classes) - 2020-05-05 fix #1 (some code isn't inserted) - 2020-04-27 small improvements for the filter dialog: remember size, etc. - 2020-03-24 pygments 2.6.1, night-mode fix in settings, reset font option in settings, remove leading spaces if possible (code by hakakou), - 2020-01-03 handle non-existent lang names - 2019-12-28 Pygments 2.5.2, fix for "sometimes no text was pasted" - 2019-11-19 multiple fixes, improve inline code function, postprocess with bs4 - 2019-10-18 initial release # Credits and License see the file __init__.py of this add-on. the code to insert/wrap in "pre" or "code" tags is reused from the add-on Mini Format Pack Supplementary. I didn't make a pull request to the original repo because my version is different and maybe some people prefer the old menu in the buttons bar and because my code doesn't adhere to the guidelines for contributions the current maintainer glutanimate has published (still latest in 2020-11).