TinyMCE - ReactJS Integration and Blobs - reactjs

I am having an issue when trying to implement image uploading with the React wrapper of TinyMCE. Everything seems to work according to the Quick start guide, and to the File Picker demo here minus the following:
On the demo, when creating a blob, they are using the tinymce.activeEditor.editorUpload.blobCache function to create and add the blob info. I have noticed that this function is available within the 'editor' parameter given to the handleEditorChange function, passed as a prop to onEditorChange in the Editor component. However, the file upload callback is accessed through a separate function given the callback value is passed to it, through the init prop object passed onto the Editor.
So the dilemma now is, how can I access the tinymce blob cache, through the different function parameters? Has anybody got any work around to this? Any insight would be greatly appreciated. Thank you in advance.

Something wrong? I can use like that. But, I used at SPA.
window.tinymce.activeEditor.editorUpload.blobCache;

Related

Using AvatarAPI with ReactJS

I have a use case where I need to use Avatar API(https://avatarapi.com/) that fetches user profile based on the email address. I tried adding a script to useEffect hook to render the data but it does not show anything.
I am using the Javascript API from https://avatarapi.com/
Following is the link of my implementation: https://stackblitz.com/edit/react-yxfcpw
I have tried to implement it using fetch and extracting the image url using Regex and rendering the image accordingly.
My implementation mentioned above worked but now it complains You can only call this free script 100 times, perhaps you should see our API on www.avatarapi.com?
Any help would be appreciated.
Note: I cannot use the XML API.
You can use XML API method of AvatarApi website

how can access to the cell edited in tabulator with react

I'm using react tabulator, displaying the data works perfectly, but I need to allow that the user can add tags in some cells, it's not clear to me how to achieve this because the docs only have concise information about this and using the standard (vanilla js) library, I can't find a reacts way to achieve this
I'd like to connect the event with a redux dispatcher because I need to run an action when the user add or delete tags, but not sure if it's possible with this lib
I'd appreciate any help, guide, or clue about how can I achieve this, thank you so much
Use react-tabulator instead of tabulator

passing element id as parameter in appium

I am new to Appium and trying android hybrid app testing with Java.
Is it possible to pass the xyz in the below example as a parameter to the method and how to do it?
eg:
dr.findElementByAndroidUIAutomator("UiSelector().text(xyz)").click();
Also please point me out to any articles related to this topic.
Yes, if you want to pass text to your field you can use method sendkeys(); for that.

Use React with a non-browser JS environment

Very open ended, apologies in advance.
I've been going through the docs and searching google incessantly, but I'm wondering what steps I would need to take to use react with a non-browser JavaScript environment.
Some context on the environment:
The environment uses JavaScript to run a UI, it has http capabilities.
There is no html, css, document, window, HTMLElement, etc.
The environment does have the notion of a hierarchy, changes to the object hierarchy in JS cross the bridge and trigger a render through a graphics platform like OpenGL for instance. The environment does get input via keys and or a mouse.
If there's a roadmap to do this or something like an architecture diagram to refer to, that'd be fantastic.
Any help/advice is appreciated.
thanks in advance,
-dylan
ReactJS work with DOM, so environment need to have DOM structure, that means no HTML no DOM. Or you can use server render of React component, but you will get a string as result.
Read more here:
React.renderComponentToString

Error:Object Expected

Iam trying to store the state in thedb through webservice.
Iam using Http State Provider to do so.
Iam getting an error in the following line saying object expected.
Ext.state.Manager.setProvider(new Ext.state.HttpProvider({ url: 'GetGridState.asmx/readdata' }));
Please help me in this issue.
You should probably use firebug or even alerts if nothing else to see if maybe you're not passing an object where you should be.
Are you using the correct version of ExtJS? It looks like there is no more Ext.state.HttpProvider in ExtJS 3.1.
Sounds like you have not included the HttpStateProvider class code correctly, or included it after the code that is trying to use it. Double-check that if you are referring to an external js file, it is loaded properly and in the right order.

Resources