Comments on: Notes while deploying TinyMCE v5

By: Ali Sabri

Ali Sabri — Fri, 04 Mar 2022 21:07:46 +0000

Hi. Correction: I realize I wrote “TTS” several times above.. What I need is DICTATION which is denoted by STT (Speech to Text) or known as Speech Recognition..
Sorry about that typo..

By: Ali Sabri

Ali Sabri — Thu, 03 Mar 2022 17:00:04 +0000

This is the js related to Quill ..
function h() {
if (x() && “undefined” != typeof Quill) {
(le = new Quill(“#editor”, {
theme: “snow”,
modules: {
toolbar: “#toolbar”,
imagePaste: {},
htmlEditButton: {
syntax: true,
},
},
})).on(“text-change”, function (delta, oldDelta, source) {
de.dictation = y();
/* function y() {
return le ? le.root.innerHTML : “”;
} */
if (“api” === source) {
setTimeout(function () {
if (delta && delta.ops) {
for (let i = 0; i quill.setSelection(finalcaret, 0), 1); // this works
setTimeout(function () {
/* function g(match) {
ee = match ? match.index + match.length : le.getLength();
} */
g(le.getSelection());
}, 10);
}
}
});
le.on(“selection-change”, function (M) {
g(M);
});
if (de.dictation) {
le.pasteHTML(0, de.dictation);
}
if (!ue) {
P();
}
}
}
/**
* @param {!Object} match
* @return {undefined}
*/
function g(match) {
ee = match ? match.index + match.length : le.getLength();
}
/**
* @param {string} value
* @param {boolean} i
* @return {undefined}
*/
function m(value, i) {
if (le) {
if (i) {
le.pasteHTML(ee, value.replace(/^\s|\s$/g, “ ”));
} else {
le.insertText(ee, value);
}
}
}
/**
* @param {string} e
* @param {boolean} value
* @return {undefined}
*/
function v(e, value) {
te = value || false;
m(e, “&” === e.trim().charAt(0));
}
/**
* @return {?}
*/
function y() {
return le ? le.root.innerHTML : “”;
}
/**
* @return {?}
*/
function k() {
return le ? le.getText() : “”;
}
/**
* @param {string} i
* @return {undefined}
*/
function b(i) {
if (te) {
i = i.charAt(0).toUpperCase() + i.substr(1);
/** @type {boolean} */
te = false;
}
m(” ” + i);
}

I dont know the corresponding functions in TinyMce..
Eg the very first one.. .on(text-change) is it .isdirty I read that its the user but is it? What about when the source is API, meaning here, STT function.. etc etc..

I listed the needed terms as:
Source (user / API / Silent)
on(“text-change”)
delta (insert)
setSelection / getselection
on(“selection-change”)
pasteHTML()
inserttext()
root.innerHTML
.getText()

These are the ones needed to be translated for TinyMCE..
Would you be very kind to help on these?

Meanwhile there’s one doc I am trying to reach to look at as an example..
It’s JIRA’s Desktop Rich text editor.. It is basically TinyMCE and there’s a dropdown option called Jira Service Desk native Speech Recognition;
see link: https://community.atlassian.com/t5/Jira-Service-Management/Jira-Service-Desk-native-Speech-Recognition-error-quot-Sorry-I/qaq-p/779086

Today I downloaded JIRA and trying to reach the code to see as an example for TTS..

After this, if this is solved and TinyMCE it is..
I’ll be back to ask about this two articles about TinyMCE.

Thank you very much for you time.

By: Ali Sabri

Ali Sabri — Thu, 03 Mar 2022 13:55:36 +0000

Hi, Eli.
We have somethings common, thats how I reached your articles written very thorouhly aand professionally.I’m saying that as someone reads by hundreds when researching..
Anyway, what we have in common? Thats quill and tinymce..

I needed a speech recognition (dictation) software for writing my own articles which I publish on my fathers web site which is a VPS, and a WordPress site..
Also, for our note-taking during live events.. So much to write..

After a thorough search, I found one, needed to customize somethings, and the way Quill worked, there were some problems like when pasting an image, the document would scroll all the way up and I would loose the cursor etc.

Also, what I wanted to do was to get a real WYSIWYG:
Because I both dislike TinyMce Classic and the new Gutenberg.. My solution was to export a previously written article to a static html.. Then make a clean up so that the sidebar + Featured İmage remains.. And in that article space create an “editable” region using the sites own css etc..

Poking into the code (the one with TextToSpeech + Quill)
I could manage to do what I needed..

Yet, as I mentioned earlier, due to some probs I experienced with quill.. I decided to look into another WYSIWYG rich text editor and just like you, I came to good old TinyMce..

There’s one problem; to incorporate TinyMce to the TTS program.. And there’s so little info I could find on the internet..

I am not an expert but I did write some code in the past and poking into this particular JS, I can see its orchestrating Quill.js like this: (I dont know if theres a limit; so I’ll continue with the following comment..)