Extended editor for field (for tables, search&replace, ...) [Official thread]

You’re right, I totally missed that. Thank you!

Sorry for the seemingly simple question, but how do you edit each column or row width and height ? Dragging it’s not working and I can’t seem to find any option in cell properties

Usually you can do this by clicking and dragging. If this doesn’t work maybe there’s some special about your table? My add-on is just abound bundling tinymce for anki - I have no special knowledge about the internals of TinyMCE.

I’m having the same problem, I can’t edit the width or height of cells by dragging, a couple of days ago it worked no problem. I have tried reinstalling anki, the addon, deleting appdata and cache and it doesn’t seem to change anything. I have tried installing anki and the addon in a virtual machine and somehow there it worked fine, so I am thinking that it may be a misconfiguration on my laptop or something. Any ideas?

Screen recordings:

2023-05-01 13-21-16

Thanks for any help, this addon is amazing. Please tell me anything I can do to contribute

I’m unsure what I have done but it seems to have fixed itself in the past day

1 Like

@bluecheese34 : Thanks for your report and your update. I guess a proper fix is to update the included editor which is already on my todo list but it may take some time.

1 Like

Hello! Thank you so much for creating this add-on, I cannot convey enough how much this add-on has been helpful to me. However, it has not been loading for me when I click on “TM button” today(pic of blank screen attached), even when I click on existing tables I once created with this add-on.

It doesn’t show the usual"…no field focused. Aborting…" like it normally does when I click a field with no tables, so it’s not because I haven’t selected something to edit. I have went to the add-on page of the other add-ons, disabled every other add-on to see if it was due to an incompatibility between add-ons but it always still shows a blank screen, so I doubt it was due to a recent update in other add-ons. I’ve reset the configuration and it’s still blank. I’ve attached a screenshot of my other add-ons in case it helps.

Other details that may be relevant are:
Anki version 2.1.49 (dc80804a)⁩
Python 3.8.6 Qt 5.14.2 PyQt 5.14.2
MacBook Air (M1, 2020) version 12.0.1

I’m so sorry for any trouble and any help would be much appreciated!! <3

I could only test on a Mac M2 with the latest MacOS 13.4. When I run Anki 2.1.49 with only my addon installed it works (in day and night mode).

Your first screenshot indicates that the embedded js editor is not loaded. But I have no idea why.

I think our best hope is to wait for additional bug reports so that hopefully I can see some patterns.

In the meantime my only ideas are:

  • Do you really still need 2.1.49. The latest version is 2.1.65 and the last Anki version that broke many addons was 2.1.55 which is about 6 months old. In the meantime a lot of addons have been updated. So maybe you can also live on a newer anki version? I would copy the addons21 folder from Managing Files - Anki Manual try the new anki version with updated add-ons. if it doesn’t work if would delete the addons21 folder from your profile and move back the addons21 folder that you copied to a different location before you updated anki.
  • or restore the old addon version from your time machine backups and ignore proposed updates.

Also, are you really on MacOS 12.0.1 - the latest should be 12.6… - so you might miss about one year of security and stability updates?

Yea I was…I had no idea a year of updates just went by…it wasn’t a conscious choice to remain outdated like with the Anki versions, but thanks alot for bringing this up! Also, I really appreciated how you tried to replicate my settings/versions to see where my issue was, and for giving me suggestions for how to install the new Anki without losing my data. After I updated my Anki version, the addon now works wonderfully again!! Thank you so much!!! <3

I’m experiencing a problem rn. Out of nowhere, the editor started showing nothing when I opened it yesterday (v2.1.25). Since I had a very stable version of anki which suited me perfectly, I didn’t bother updating it as I didn’t want the update to mess things up. I had to switch to a newer version which is the 2.1.35 to make the addon work. Now the problem is the add on is conflicting with my card styling. I use a lot of tables and I like them to have a thick outter border using "table {border-width : 4px;…} in the card styling menu in Anki. But somehow, when I create a card with a table using the add on and then add it to my collection, it doesn’t show this thickened outter border. Is there a solution to this ?

@LeGentillet : After seeing your edits to your review on the addon page I assume the problem has been solved? If you have a problem use this forum. I get an email notification for each new post whereas I see changed reviews only by chance.

About the add table addon: You can change the styling this addon applies by adjusting its config from the addon window. Maybe I should a button “edit styling” options to the dialog that lets you customize the properties of the table added …

General idea: If you want to have a css rule override other styling you could try using “!important”, see e.g. CSS !important Property. But this might have unintended consequences …

If you only have “border: 1px solid;” in your table styling of many tables you already created maybe you could remove it with search and replace, see Browsing - Anki Manual Before you try something like this make sure to have working backups and know how to restore them …

I updated in 2023-07-31.

All p tags change into div tags and style tag removes.

forced_root_block: ‘p’, not working… [template_tiny6_body]

Can you help me solve this problem?

Yes I solved the issue. Basically the problem was I used to insert my tables using the “add table add-on”. The problem is this add-on downscales the size of the font to 85% when adding a table. In order to make it 100% I had to open the “table properties” menu in the extended editor and hit “save”

Also, the add-on automatically sets the border to “1 px”, And this specific border-width would appear in the “table properties” menu so if I saved it would override my basic styling html/css settings from the anki card template.

I just went to the config of the “add table” add-on and changed the font to 100% so I don’t have to go through the “table properties” manipulation explained above. Thanks for your fast reply though :slight_smile:

hi! Im unable to edit my table columns sizes, usually im able to drag the lines to customize cell sizes, but not sure why this does not work anymore

@jojoman : when you paste content into the original anki editor, p elements are replaced by div elements so I figured that my addon could do the same with field content. I’ll upload a new version soon with an option to disable this removal of p elements.

@bellyycookie : I can’t reproduce the problem. if the affected note doesn’t contain private or copyrighted material can you share it, i.e. export it and share the link for this exported deck?

Dear Anki team,

I hope this message finds you well. I am writing to discuss a technical issue regarding the usage of the Tinymce editor. Currently, each time I wish to make the editor RTL (Right-to-Left), I manually insert “

” in the source code. However, I am interested in finding a more efficient solution that will allow the editor to be permanently set to RTL.

Upon reviewing the addon’s webpage, I came across the information stating that custom code can be written in the “_tinymce_custom.css” file. Therefore, I kindly request your guidance on the specific code that I should include in order to ensure that the editor remains RTL at all times.

Thank you in advance for your assistance. I greatly appreciate your support.

Best regards,

1 Like

Hello,

I was wondering if there is a shortcut to the “Increase Indent” function.

I’m using a mac, and the f8 and f9 keys are used to set up numeric lists, bulleted lists, etc. I was wondering if there was a shortcut for indentation as well.

Edit: I was able to find those shortcuts in the template_tiny6_body.html file. It would be nice to have a guide for these shortcuts.

Also, please tell me how to use the CMD key instead of CTRL on MACOS

Hi
After the update of july, I have problem making the column in my tables more narrow or more wide. Can you help me?

Best regards