tinyMCE Text Editor for frappe apps
Replace frappe's Quill Text Editor with tinyMCE Text Editor
bench get-app https://github.com/shridarpatil/frappe_tinymce
bench --site [sitename] install-app frappe_tinymce
MIT
Frappe app to replace default text editor with tinymce
License: Other
tinyMCE Text Editor for frappe apps
Replace frappe's Quill Text Editor with tinyMCE Text Editor
bench get-app https://github.com/shridarpatil/frappe_tinymce
bench --site [sitename] install-app frappe_tinymce
MIT
** The Problem **
In the quill text editor that is available by default in Frappe, it's quite easy to paste images, one can take a screenshot on Windows with the Win + Shift + S shortcut and then go over to the editor and Ctrl + V and the image is there.
In the tinyMCE editor, when we typically try the same behaviour as above, the image does not auto-paste.
** What I've tried **
** Solutions **
While selecting terms and condition form sales order, qtn etc.. data from template is not showing in text editor
Please update and fix it
Describe the bug
This plugin is great, thanks so much for making it available! In my experience, it delivers on it's promise to load the TinyMCE editor instead of Quill in the standard text editor fields. Unfortunately, it simultaneously breaks the in-doc Email functionality in Frappe.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
"New Email" should trigger a modal that allows the user to initiate a new email from the platform.
Actual behavior
Nothing happens! The action just triggers an error in the console.
Additional context
This was tested and triaged in both Firefox and Chrome browsers, on Frappe version 13 and 14 beta.
Here's the browser console error:
Uncaught TypeError: can't access property "open", o is undefined
tinymce.min.js:9:333666
And full browser console error log:
erp.avu.nu-1648925803208.log
When I use it offline, I get this erro
"tinymce is not defined"
ERPNEXT Version: 14
While selecting terms and condition form sales order, qtn etc.. data from template is not showing in text editor
Please check the video for more clarification
Source Code button not show.
Describe the bug
The key and value of a Text Editor field are not included in the values object in the primary_action function of a dialog.
To Reproduce
frm.add_custom_button("Test dialog", function(){
let test_dialog = new frappe.ui.Dialog({
title: 'Enter details',
fields: [
{
label: 'Text',
fieldname: 'test_txt',
fieldtype: 'Text Editor',
}
],
primary_action_label: 'Submit',
primary_action(values){
console.log(values)
test_dialog.hide()
}
})
test_dialog.show()
})
In the code above, I create a dialog with a Text Editor field with the name of test_txt. Then I type something, e.g. abcdef in the field and click Submit button.
The result is expected to be {test_txt: 'abcdef'}. But the result is {} instead.
My initial solution for getting the needed result is to use test_dialog.fields_dict.test_txt.value. But it would be better if it can be directly obtained from the values.
Please fix this issue. Thank you very much.
Desktop:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.