loicmahieu / aor-tinymce-input Goto Github PK
View Code? Open in Web Editor NEW<TinyMCEInput> component for admin-on-rest, useful for editing HTML in admin GUIs.
License: MIT License
<TinyMCEInput> component for admin-on-rest, useful for editing HTML in admin GUIs.
License: MIT License
I am trying to build into webpack 3.5.5 this component.
/* eslint-disable */
import React from 'react';
import {
Create,
SimpleForm,
TextInput,
} from 'admin-on-rest';
import tinymce from 'tinymce/tinymce';
// react-tinymce use global ref
window.tinymce = tinymce;
import 'tinymce/themes/modern/theme';
import 'tinymce/skins/lightgray/skin.min.css';
import TinyMCEInput from 'aor-tinymce-input/lib/index'
export const EmailCreate = (props) => (
<Create title="Create a Email" {...props}>
<SimpleForm>
<TextInput source="to" />
<TextInput source="subject" />
<TinyMCEInput source="text" config={{ skin: false }} />
</SimpleForm>
</Create>
);
When running with webpack I have:
ERROR in ./node_modules/tinymce/skins/lightgray/img/loader.gif
Module build failed: Error: spawn /usr/src/app/node_modules/gifsicle/vendor/gifsicle ENOENT
at _errnoException (util.js:1019:11)
at Process.ChildProcess._handle.onexit (internal/child_process.js:192:19)
at onErrorNT (internal/child_process.js:374:16)
at _combinedTickCallback (internal/process/next_tick.js:138:11)
at process._tickCallback (internal/process/next_tick.js:180:9)
@ ./node_modules/css-loader!./node_modules/tinymce/skins/lightgray/skin.min.css 6:32349-32376
@ ./node_modules/tinymce/skins/lightgray/skin.min.css
There are open issues and resources related:
I am not sure if this up to date.
I have tried a few times to configure using the tinymce.com advices but nothing worked.
Am I the only one getting this issue ?
I am trying with the provided demo and it fails:
Uncaught TypeError: Cannot read property 'object' of undefined
at eval (TinyMCE.js:42)
at Object../node_modules/react-tinymce/lib/components/TinyMCE.js (reactBoilerplateDeps.dll.js:14857)
at webpack_require (reactBoilerplateDeps.dll.js:21)
at eval (main.js:3)
at Object../node_modules/react-tinymce/lib/main.js (reactBoilerplateDeps.dll.js:14881)
at webpack_require (reactBoilerplateDeps.dll.js:21)
at eval (index.js:13)
at Object../node_modules/aor-tinymce-input/lib/index.js (reactBoilerplateDeps.dll.js:1636)
at webpack_require (reactBoilerplateDeps.dll.js:21)
at eval (index.js from dll-reference reactBoilerplateDeps?6845:1)
The page can render if I remove this import:
import TinyMCEInput from 'aor-tinymce-input'
Any idea why ?
aor-tinymce-input: 1.0.0
admin-on-rest: 1.3.2
Hi, great package! I've mentioned it in https://marmelab.com/admin-on-rest/Inputs.html#third-party-components.
GitHub repositories now have tags. To help people discover your library, consider adding the admin-on-rest tag!
Is there any reason for specifying explicit react dependency?
"react": "~15.4.0"
It leads to errors like this: https://facebook.github.io/react/warnings/refs-must-have-owner.html
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.