Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revisionBoth sides next revision
protogrid:script_library [2020-04-18 14:05] – [Execute JS on card load] druprotogrid:script_library [2021-01-22 14:50] – [Execute JS on field change] dru
Line 79: Line 79:
  
 The function document_ready_trigger tells your card that you want something to happen when a value changes. The call "$(document).ready(...)" itself calls the function "document_ready_trigger" as soon as the card is fully loaded. The function document_ready_trigger tells your card that you want something to happen when a value changes. The call "$(document).ready(...)" itself calls the function "document_ready_trigger" as soon as the card is fully loaded.
 +
 +==== Manipulate Contet of Rich Text Field ====
 +
 +<code javascript>
 +var rich_text_editor = $("#"+rich_text_field_id)[0].editor;                           // Get object of Rich Text Editor
 +
 +var content = rich_text_editor.getDocument().toString();                              // Get complete content as string
 +rich_text_editor.setSelectedRange([0, 0]);                                            // Set cursor to position 0
 +rich_text_editor.setSelectedRange([0, 10]);                                           // Set text selection from position 0 to position 10
 +var current_range = rich_text_editor.getSelectedRange();                              // Get cursor posistion / selected text range
 +rich_text_editor.insertString("Hello!")                                               // Insert String at selected position
 +rich_text_editor.insertHTML("<strong>Hello World!</strong>");                         // Insert HTML at selected position
 +rich_text_editor.insertLineBreak();                                                   // Insert line break
 +rich_text_editor.deleteInDirection("forward");                                        // Delete selected range
 +rich_text_editor.activateAttribute("bold")                                            // Activate attribute at selected range
 +rich_text_editor.deactivateAttribute("strike")                                        // Deactivate attribute at selected range
 +</code>
 +
 +Please see https://github.com/basecamp/trix for details.

Trace:

Print/export