grapejs如何限制html元素不能编辑或删除?
网友回复
可通过设置标签元素的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%