cherry-markdown icon indicating copy to clipboard operation
cherry-markdown copied to clipboard

【丰富demo】-angular

Open sunsonliu opened this issue 1 year ago • 4 comments

弄一个angular下使用cherry markdown的demo,demo中需包含:

  • 初始化cherry
  • 通过cherry api变更内容

本issue为2024犀牛鸟开源人才培养活动专属issue,仅供在校大学生参与领取 【认领issue】在研学基地"issue营地"对应issue行的M~R列抢滩报名,即视为认领成功。 【完成issue】已认领issue的同学,请同步在本issue评论区回复“已成功领取本issue”; 如7天内无提交任何进展包括不限于comment \ commit \ Pull Request,则将视为同学主动放弃issue,组委会将释放issue给下一位等候者。

demo放在/examples/目录下 最好以UMD形式引入框架,用一个XXX.html文件完成demo 开发文档在这里

开发方式:

  1. fork项目到自己的项目里
  2. 从自己项目里的dev分支拉个新分支开发
  3. 完成开发后pr到cherry markdown项目的dev分支 (提交时不需要提交/dist/目录下的变更)

sunsonliu avatar Jun 20 '24 02:06 sunsonliu

已成功领取本issue

Runtus avatar Jun 29 '24 02:06 Runtus

你好,想问下Angular项目不能通过引用cdn资源来直接使用,需要搭建一个cli,我能否在examples重开一个文件夹用户搭建AngularCli来写demo? @sunsonliu

Runtus avatar Jul 02 '24 04:07 Runtus

也可以试试这种方式哈,看这种方式是否可行,不行的话就弄个目录吧:

image

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Angular Example</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular-route.min.js"></script>
  </head>
  <body>
    <app-root></app-root>

    <script>
      angular.module('myApp', [])
        .component('appRoot', {
          template: `
            <h1>Hello, World!</h1>
            <p>Welcome to my Angular app.</p>
          `
        });

      angular.bootstrap(document, ['myApp']);
    </script>
  </body>
</html>

sunsonliu avatar Jul 02 '24 06:07 sunsonliu

好的感谢,我试试

Runtus avatar Jul 02 '24 06:07 Runtus