Front End Development Libraries Projects - Build a Markdown Previewer

JavaScript
1

Hello everyone I do not edit the text in markup format and I do not know how to fix it. I apologize in advance for possible errors in the message. I don’t speak English

My script:

import {Component} from "https://cdn.skypack.dev/react@17.0.1";
import ReactDOM from "https://cdn.skypack.dev/react-dom@17.0.1"
import React from 'https://esm.sh/react@18.2.0'
import $ from "https://cdn.skypack.dev/jquery@3.6.4";

class Editor extends React.Component{
  constructor(props){
    super(props)
    
    this.state = {
      input: ''
    }
    
    this.handleChange = this.handleChange.bind(this)
  }
  
  handleChange(event){
    this.setState(
      {
        input: event.target.value
      }
    )
  }
  
  render(){
    return(
      <>
        <div id="preview"><p>{marked(this.state.input)}</p></div>
        <textarea id="editor" onChange = {this.handleChange} value = {this.state.input} />
      </>
    )
  }
}

ReactDOM.render(<Editor />, document.getElementById('element'))
2

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.