搜索

+

95

-

grapesjs如何自定义模板标签，方便后端php进行动态渲染输出html？

php html5 javascript

grapesjs如何自定义模板标签，方便后端php进行动态渲染输出html？

网友回复

+

15

-

1、首先是前端js,自顶一个customtag标签及属性，内容可以按照真实的样式模拟：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/grapesjs-preset-webpage.min.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/grapes.min.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/grapes.min.js"></script>


    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/grapesjs-preset-webpage.min.js"></script>

    <style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
    </style>



</head>

<body>

  <div id="gjs">

  </div>


    <script>


const editor = grapesjs.init({
	container: '#gjs',
  height: '100%',
  fromElement: true,
  storageManager: false,

});
editor.DomComponents.addType('customtag', {
  model: {
    defaults: {
      // ...

点击查看剩余70%

我知道答案，我要回答

我有问题

最新提问