grapesjs-component-code-editor实现html可视化编辑显示代码-html代码-BFW代码库

grapesjs-component-code-editor实现html可视化编辑显示代码

代码语言：html

所属分类：其他

代码描述：grapesjs-component-code-editor实现html可视化编辑显示代码，选择html的一个控件，右侧就会显示该控件的html代码。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/grapes.0.21.1.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/grapes.0.21.1.js"></script>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/grapesjs-component-code-editor.min.css">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/grapesjs-component-code-editor.min.js"></script>
    <style>
        body, html {
      margin: 0;
      height: 100%;
    }
    </style>
</head>

<body>

    <div id="gjs">
        <h1>标题<.........完整代码请登录后点击上方下载按钮下载查看