Comments (6)
@Jungwoo-An, reference that you said work well, but there is no condition for embed case
Do you have any idea how to convert them?
I also find realization for Angular
<!-- Embed --> <div *ngSwitchCase="'embed'"> <div class="cdx-block embed-tool"> <iframe class="embed-tool__content" style="width:100%;" height="320" frameborder="0" allowfullscreen [src]="b?.data?.embed | safe : 'resourceUrl'"></iframe> <div style="text-align: center; margin-top: 5px;" [innerHTML]="b?.data?.caption"></div> </div> </div>
from react-editor-js.
Sorry for disturbing)
Maybe it helps someone
<iframe class="embed-tool__content" style="width:100%;" height="320" frameborder="0" allowfullscreen src=${obj.data.embed}></iframe>
from react-editor-js.
Maybe it will help someone)
handleCustomSave = async () => {
const savedData = await this.ref.save()
console.log('saved: ', this.ref, savedData)
}
saveInstance = ref => {
this.ref = ref
}
render() {
return (
<>
<EditorJs
placeholder="Let`s write an awesome story!"
autofocus
instanceRef={this.saveInstance}
minHeight={100}
...
from react-editor-js.
@sabit990928 Wow! First of all, thanks for your interest! 😍
I think you solved this problem, but if it happens again, can you give me reproduce link?
Thanks! 👍
from react-editor-js.
Thanks, @Jungwoo-An. Do you have any idea how to show data without edit mode?
There is a kind of teacher-student connection in my app. So the teacher can create some content, a student should see formatted content
from react-editor-js.
@sabit990928 Editor JS makes easy to implement the same formatted content in any language with data blocks. Therefore, data blocks in the web environment need to be converted to html code. looks like this (Ref)
Thanks!
from react-editor-js.
Related Issues (20)
- editor doesn't show up when used with create-react-app HOT 2
- Would like to have onKeyUp events for better control
- Chrome: [Violation] Added non-passive event listener... breaking onChange
- React Editor JS in his second version does not render i18n correctly HOT 1
- Can't write anything in editorjs and it comes 0 height HOT 6
- Property or signature expected. TS1131 HOT 1
- Weird symbols appear instead....
- Cannot assign to read only property 'current' of object '#<Object>' HOT 1
- Using multiple ReactEditorJS instances
- How to add a new tool? HOT 1
- Option to add subscript and superscript
- Error: element with ID «editorjs» is missing. Pass correct holder's ID. HOT 4
- Not working with React.StrictMode HOT 7
- Unable to toggle readonly on 2.1.0
- How to change side of the block adding panel?
- How to get stored value?
- expose `renderFromHTML` into the `EditorCore` interface
- Width issue HOT 1
- Render custom tools
- Compatibility issue with react-router-dom
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-editor-js.