How to get current applied formats?

[rushangfynd]

When a user taps "Return" without entering a value, the unordered list format should automatically deselect. However, there isn't a decisive variable or method to determine the current selected format, posing a challenge in altering the UI accordingly.

PFA Video.

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-08-28.at.14.49.47.mp4

 public func unorderedList() {
      runJS("RE.setUnorderedList();")
 }

[Andrew-Chen-Wang]

Nice catch. Off the top of my head, using the "callback" function in the rich_editor.js file is the way to go:

1. From rich_editor.js, use RE.callback("input"); where you change input to something we can identify (e.g. disableUnorderedListButton) in our conditional tree seen below
2. Here's the conditional tree where you'll receive the command:

   RichEditorView/Sources/RichEditorView/RichEditorView.swift

   Lines 580 to 594 in 3a846e6

   	private func performCommand(_ method: String) {
   	if method.hasPrefix("ready") {
   	// If loading for the first time, we have to set the content HTML to be displayed
   	if !isEditorLoaded {
   	isEditorLoaded = true
   	setHTML(html)
   	contentHTML = html
   	contentEditable = editingEnabledVar
   	placeholder = placeholderText
   	lineHeight = DefaultInnerLineHeight
   	delegate?.richEditorDidLoad?(self)
   	}
   	updateHeight()
   	}
   	else if method.hasPrefix("input") {

3. Just check for when the user presses "enter" or "return" and fire the callback when that happens. Then, you can access the toolbar in the RichEditorView swift class and deselect. The logic to detect whether the cursor is in an unordered list is a little weird because the nearest outer HTML tag within a block of text in a list may be strong instead of the the li element itself; I think you would essentially find the nearest list in the DOM hierarchy. Follow something similar to this:

   RichEditorView/Sources/RichEditorView/Resources/editor/rich_editor.js

   Lines 378 to 386 in 3a846e6

   	function getNearestTableAncestor(htmlElementNode) {
   	while (htmlElementNode) {
   	htmlElementNode = htmlElementNode.parentNode;
   	if (htmlElementNode.tagName.toLowerCase() === 'table') {
   	return htmlElementNode;
   	}
   	}
   	return undefined;
   	}

   or

   RichEditorView/Sources/RichEditorView/Resources/editor/rich_editor.js

   Lines 462 to 481 in 3a846e6

   	RE.getSelectedHref = function() {
   	var href, sel;
   	href = '';
   	sel = window.getSelection();
   	if (!RE.rangeOrCaretSelectionExists()) {
   	return null;
   	}
   	var tags = RE.getAnchorTagsInNode(sel.anchorNode);
   	//if more than one link is there, return null
   	if (tags.length > 1) {
   	return null;
   	} else if (tags.length == 1) {
   	href = tags[0];
   	} else {
   	var node = _findNodeByNameInContainer(sel.anchorNode.parentElement, 'A', 'editor');
   	href = node.href;
   	}
   	return href ? href : null;
   	};

If you've solved it, please open a PR or leave some code here for others. Thanks!

[rushangfynd]

Merge request created, please review it.

#30