CODEWITHSUNDEEP
reactjswordpresswordpress-shortcodedivi
Manish Shah
Manish Shah

Reputation: 53

Divi custom module render shortcode

I am trying to build a custom Divi module. I need to render a shortcode, it works in the frontend but in editor, the shortcode simply displays as a plaintext. How can I render shortcode in Divi editor? Divi uses react and I am not too good at it.

This is my code in .jsx file -

import React, { Component } from 'react';

class divi_custom_module extends Component {

  static slug = 'divi_custom_module';

  render() {

    return (
      <div>
        <h2>{this.props.heading}</h2>
        <div>
            [my-shortcode title={this.props.title}]
        </div>
      </div>
    );
  }
}

export default divi_custom_module;

enter image description here

Upvotes: 0

Views: 118

Answers (1)

TUSHAR GODHVANI
TUSHAR GODHVANI

Reputation: 1

the new version of Divi (Divi 5) will be moving away from shortcodes. Elegant Themes, the developer of Divi, has announced that Divi 5 will use a more modern storage format instead of shortcodes. This change aims to improve performance, reduce bugs, and align Divi with future WordPress developments​ read this https://www.elegantthemes.com/blog/general-news/divi-5-and-the-move-away-from-shortcodes

Upvotes: 0

Related Questions