Giter VIP home page Giter VIP logo

Comments (6)

sabit990928 avatar sabit990928 commented on August 18, 2024 3

@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.

sabit990928 avatar sabit990928 commented on August 18, 2024 3

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.

sabit990928 avatar sabit990928 commented on August 18, 2024 1

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.

Jungwoo-An avatar Jungwoo-An commented on August 18, 2024 1

@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.

sabit990928 avatar sabit990928 commented on August 18, 2024

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.

Jungwoo-An avatar Jungwoo-An commented on August 18, 2024

@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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.