Интеграция Firepad в существующий проект Firepase - PullRequest
Новая
       24

Интеграция Firepad в существующий проект Firepase

0 голосов
/ 22 января 2020

Я очень новичок в веб-разработке и надеюсь найти здесь людей, которые могут мне помочь. Я работаю над веб-приложением, основанным на Firebase, в котором используется расширенная версия firepad (которую мне придется создавать самостоятельно), чтобы сделать возможной транскрипцию аудиофайлов с другими пользователями.

Пока что я может войти в систему пользователей, а затем перечислить проекты пользователя. Теперь я хотел бы загрузить Firepad, когда пользователь нажимает на перечисленный проект. Я следовал документации по firepad (я добавил зависимости в начало моего индекса. html file) и затем написал этот код для загрузки firepad. Обратите внимание, что мое веб-приложение уже основано на проекте Firebase. Документация (https://firepad.io/docs/) говорит мне использовать конфигурацию для инициализации приложения, поэтому я вставил информацию из своего проекта Firebase. Однако, когда я загружаю это, я получаю. Я надеюсь, что вы понимаете мою проблему и умнее меня на данный момент. Большое спасибо, Никлас. 

function loadFirepad(){
//remove div element (I only had one div element before) and create a new one that will contain firepad
document.body.removeChild(document.getElementById("myDiv"));

let firepadDiv = document.createElement("DIV");
firepadDiv.id = "firepad";
document.body.appendChild(firepadDiv);

// TODO Initialize Firebase correctly.
const firebaseConfig = { // I hide these information in this post
  apiKey: "SECRET", 
  authDomain: "MYDATABASE.firebaseapp.com",
  databaseURL: "https://MYDATABASE.firebaseio.com",
};
firebase.initializeApp(config);


// Get Firebase Database reference.
var firepadRef = firebase.database().ref();

// Create CodeMirror (with lineWrapping on).
var codeMirror = CodeMirror(document.getElementById('firepad'), { lineWrapping: true });

// Create Firepad (with rich text toolbar and shortcuts enabled).
var firepad = Firepad.fromCodeMirror(firepadRef, codeMirror, {
  richTextShortcuts: true,
  richTextToolbar: true,
  defaultText: 'Hello, World!'
});

}

после того, как я нажал на проект, который вызвал функцию loadFirepad ()

...