No Description
Nextcloud bot a1558cd8a8
[tx-robot] updated from transifex
3 days ago
.github add build instructions to contributing 4 months ago
.tx Fix tx config 1 year ago
appinfo Ship marked ourselfs 2 weeks ago
build Ship marked ourselfs 2 weeks ago
css Also adjust border radius to standard 2 months ago
img add missing images 2 years ago
js Ship marked ourselfs 2 weeks ago
l10n [tx-robot] updated from transifex 3 days ago
lib/Controller Show 'could not write to file'-message is writing file failed 11 months ago
tests Fix unit tests 9 months ago
.babelrc switch to webpack bundling 4 months ago
.gitignore add build version 4 months ago
.scrutinizer.yml Ignore js/vendor/* aswell, not our code 4 years ago
.travis.yml Update master php testing versions 4 months ago
Makefile switch to webpack bundling 4 months ago
README.md update maintainer 4 months ago
package-lock.json Ship marked ourselfs 2 weeks ago
package.json Ship marked ourselfs 2 weeks ago
webpack.config.js set unique jsonp function 4 months ago

README.md

Texteditor

Build Status Scrutinizer Code Quality Code Coverage

The original text editor app for Nextcloud, based on Ace.

Features:

  • Syntax highlighting
  • Autosave
  • Syntax checking
  • Responsive design (optimised on mobile and desktop)

Install

Simply copy the files_texteditor folder into the apps directory and enable the app within the Nextcloud settings.

Usage

To use the editer, click on a supported file within the Files app and the file will be loaded into the editor. Saving is automatic, but can also be triggered manually with Ctrl+S or Cmd+S.

Contributors

Maintainer: Robin Appelman Past contributors: Thomas Müller Tom Needham Jörn Friedrich Dreyer Vincent Petry

Preview apps

Apps can add side-by-side previews to the app for certain file types by using the preview api


OCA.MYApp.Preview = function(){
    ...
}

OCA.MYApp.Preview.Prototype = {
    /**
     * Give the app the opportunity to load any resources it needs and prepare for rendering a preview
     */
    init: function() {
        ...
    },
    /**
     * @param {string} the text to create the preview for
     * @param {jQuery} the jQuery element to render the preview in
     */
    preview: function(text, previewElement) {
        ...
    }
}

OCA.Files_Texteditor.registerPreviewPlugin('text/markdown', new OCA.MYApp.Preview());

For styling of the preview, the preview element will have the id preview and the className will be set to the mimetype of the file being eddited with any slash replaced by dashes.

e.g. when editing a markdown file the preview element can be styled using the #preview.text-markdown css query.