![]() What is a real-time collaborative text editor? The character positions may shift as surrounding characters are inserted or deleted. Now to delete the “H”, the operation is delete(1). This insertion results in the remaining positions being shifted (or incremented) by 1. To insert a “C” at the beginning of the text, the operation is insert("C", 0). For example, with the text “HAT”, the first character has a value “H” and a position of 0, “A” has position 1, and “T” has position 2.Ī character can be inserted or deleted from the text simply by referencing a positional index. Each character has a value and a numerical index that determines its position in the document. A text editor is a space where you can insert or delete text characters and then save the resulting text to a file. How will users send messages directly to each other?įirst, let’s start by reviewing what we mean by text editor.Conflict-Free Replicated Data Type (CRDT).What is a real-time collaborative text editor?.Please note that Conclave works best in Google Chrome This case study walks you through our journey from the initial idea to our research of current academic literature and finally to our design and implementation of the final product. Intrigued by collaborative text editors such as Google Docs, we set out to build our own. To use your web browser as a notepad, however, you don't even have to be connected to the Internet.Conclave is a peer-to-peer, real-time, collaborative text editor built from scratch in JavaScript. This web browser editor is very convenient in presentations when you switch between presenting a website in one tab to another tab where you can type your notes, questions or answers for your audience and anything you like. Now your browser-notepad looks much better: For example, try the following line of code that is a slight variation from my SAS blog post: You can use HTML tags and apply CSS styles to font (style, size, and color), margins, paddings, background and other CSS style attributes. This default web browser editor doesn't look pretty, does it? However, you can modify it to look better. In this case, I suggest the following line to be placed in the URL field: Instead of typing or copying the above code into the URL filed, I prefer to bookmark it so it is available every time I need to use this feature. Your browser has just turned into a Notepad. Open your web browser (I am using Firefox in the examples below) or a new tab in your browser and type or copy & paste the following string in the URL field: This is possible because of HTML5’s contentEditable attribute and the browsers’ ability to handle data URL. It does not work in Internet Explorer browser, thanks to Microsoft. It works in the most modern web browsers such as Firefox, Chrome, Opera, and Safari. Presentations are all about making an impression, and surely, your audience will appreciate it. It is so simple and yet so powerful that I hope you too are going to love it. This little known trick is one of my favorites (see section Use a Web Browser as a Notepad).
0 Comments
Leave a Reply. |