在angularjs和firebase应用程序中集成medium.js插入图像插件

<script src="https://cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-database.js"></script>

angular.module('myApp', [])
  .controller('MyController', function($scope) {
    // 初始化Firebase应用程序
    var firebaseConfig = {
      apiKey: "YOUR_API_KEY",
      authDomain: "YOUR_AUTH_DOMAIN",
      databaseURL: "YOUR_DATABASE_URL",
      projectId: "YOUR_PROJECT_ID",
      storageBucket: "YOUR_STORAGE_BUCKET",
      messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
      appId: "YOUR_APP_ID"
    };
    firebase.initializeApp(firebaseConfig);

    // 连接到Firebase数据库
    var database = firebase.database();
  });

<div ng-app="myApp" ng-controller="MyController">
  <div id="editor"></div>
  <button ng-click="insertImage()">插入图像</button>
</div>

angular.module('myApp', [])
  .controller('MyController', function($scope) {
    // 初始化Firebase应用程序和连接到Firebase数据库的代码...

    $scope.insertImage = function() {
      var editor = new MediumEditor('#editor');
      editor.insertHtml('<img src="YOUR_IMAGE_URL" alt="Image">');
    };
  });

$scope.insertImage = function() {
  var editor = new MediumEditor('#editor');
  editor.insertHtml('<img src="YOUR_IMAGE_URL" alt="Image">');

  // 保存用户编辑的内容到Firebase数据库
  var content = editor.getContent();
  database.ref('content').set(content);
};