ace.js模仿google colab编辑器代码运行效果
代码语言:html
所属分类:其他
代码描述:ace.js模仿google colab编辑器代码运行效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> .codeview { position: relative; } .codeview .runcode { margin: 0; } .codeview .runresult { background: black; color: white; padding: 5px; margin: 0; } .codeview .runbtn { cursor: pointer; position: absolute; top: 0; z-index: 111; display: block; width: 19px; height:19px; background-size: cover; background-image: url('//repo.bfw.wiki/bfwrepo/icon/5f7a6d023237f.png'); } </style> </head> <body> <div class="codeview"> <div class='runbtn' title="点击运行代码"> </div> <pre id="editor1" class='runcode'> echo "bfw&.........完整代码请登录后点击上方下载按钮下载查看
网友评论0