90 lines
1.9 KiB
JavaScript
90 lines
1.9 KiB
JavaScript
|
var Textarea;
|
||
|
|
import { Editor } from '@tinymce/tinymce-react';
|
||
|
|
import { TinyMCE } from './../globals';
|
||
|
|
export default window.Textarea = Textarea = class Textarea extends React.Component {
|
||
|
|
constructor(props) {
|
||
|
|
var p;
|
||
|
|
super(props);
|
||
|
|
p = props;
|
||
|
|
props.html = false;
|
||
|
|
this.state = p;
|
||
|
|
console.log('props', props, p);
|
||
|
|
this.getValue = this.getValue.bind(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
setHtml(x) {
|
||
|
|
var html, value;
|
||
|
|
console.log(x, 'x');
|
||
|
|
({
|
||
|
|
html
|
||
|
|
} = this.state);
|
||
|
|
|
||
|
|
if (html) {
|
||
|
|
value = this.state.value;
|
||
|
|
} else {
|
||
|
|
value = this.input.value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.setState({
|
||
|
|
html: x,
|
||
|
|
value
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
getValue() {
|
||
|
|
var html, value;
|
||
|
|
({
|
||
|
|
html
|
||
|
|
} = this.state);
|
||
|
|
|
||
|
|
if (html) {
|
||
|
|
value = this.state.value;
|
||
|
|
} else {
|
||
|
|
value = this.input.value;
|
||
|
|
}
|
||
|
|
|
||
|
|
console.log('getValue', this.state, value);
|
||
|
|
return value;
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
var html, label, placeholder, value;
|
||
|
|
({
|
||
|
|
value,
|
||
|
|
placeholder,
|
||
|
|
html,
|
||
|
|
label
|
||
|
|
} = this.state);
|
||
|
|
return /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "c-100"
|
||
|
|
}, /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "f label fvcenter"
|
||
|
|
}, /*#__PURE__*/React.createElement("div", null, label), /*#__PURE__*/React.createElement("div", {
|
||
|
|
className: "dib ml-20"
|
||
|
|
}, /*#__PURE__*/React.createElement(SwitchIOS, {
|
||
|
|
onChange: this.setHtml.bind(this),
|
||
|
|
label: "HTML"
|
||
|
|
}))), html ? /*#__PURE__*/React.createElement(Editor, {
|
||
|
|
apiKey: TinyMCE.apiKey,
|
||
|
|
init: TinyMCE.config,
|
||
|
|
value: value,
|
||
|
|
onEditorChange: function (value) {
|
||
|
|
return _this.setState({
|
||
|
|
value
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}) : /*#__PURE__*/React.createElement("textarea", {
|
||
|
|
ref: function (i) {
|
||
|
|
return _this.input = i;
|
||
|
|
},
|
||
|
|
defaultValue: value,
|
||
|
|
placeholder: placeholder,
|
||
|
|
className: "i c-100"
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=textarea.js.map
|