+
95
-

grapejs如何限制html元素不能编辑或删除?

grapejs如何限制html元素不能编辑或删除?


网友回复

+
15
-

可通过设置标签元素的data-gjs属性data-gjs-removable,data-gjs-editable,data-gjs-draggable,data-gjs-copyable来控制元素是否可删除、可编辑、可拖拽、可复制等操作。 示例代码:

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>GrapesJS</title>
    <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>

    <!--引入grapesjs-preset-webpage-->
    <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/grapesjs-preset-webpage.min.js"></script>
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
        }
    </style>
</head>

<body>
    <div id="gjs" style="height:0px; overflow:hi...

点击查看剩余70%

我知道答案,我要回答