How to split n element by using js | Hashnode

Thread

Mohammad shahaparan mojumder

Love JS

Jul 10, 2019

How to split n element by using js

I need to show specific content for users who can edit and view.

I am trying to get specific html element for rich editor . - user can edit inside this div content content - user can only read classname="header"

<div classname="contenteditable">it can be edit only</div> </div> How can i do this by using reactjs

#reactjs #javascript

Responses(1)

Serdar Sanri

Sr. Frontend Developer

Jul 11, 2019

I might be misunderstanding what you are trying to do here but you can create multiple components for each and pass readonly prop from parent. and inside the component depending on readonly prop, you can show different content.

const Header = ({readonly, ...props}) => <div className='header'></div>

const Body = ({readonly, ...props}) => <div className="contenteditable">
                      {readonly ? (
                            // content is readonly 
                       ) : (
                            // content is not readonly create your editor here
                       ) }
</div>

const Main = props => (
      <div className="main">
               <Header readonly={true}>
               <Body readonly={false}/>   
      </div>
)

Search Hashnode

How to split n element by using js

Responses(1)

Recent threads