├── .gitignore
├── .travis.yml
├── CHANGES.md
├── Gruntfile.coffee
├── LICENSE
├── README.md
├── bower.json
├── design
├── hallo-toolbar.bmml
├── hallo-toolbar.png
├── logo-200x59.png
├── logo.eps
└── logo.png
├── dist
└── hallo.js
├── examples
├── annotate.css
├── fixed.html
├── fontawesome
│ ├── README.md
│ ├── css
│ │ ├── font-awesome-ie7.css
│ │ └── font-awesome.css
│ └── fonts
│ │ ├── FontAwesome.otf
│ │ ├── fontawesome-webfont.eot
│ │ ├── fontawesome-webfont.svg
│ │ ├── fontawesome-webfont.svgz
│ │ ├── fontawesome-webfont.ttf
│ │ └── fontawesome-webfont.woff
├── hallo.css
├── image.css
├── images
│ ├── arrow.png
│ ├── divider.png
│ ├── drop_left.png
│ ├── pager_arrows.png
│ ├── tabicon_search.png
│ ├── tabicon_suggestions.png
│ ├── tabicon_upload.png
│ └── trash.png
├── jquery-ui-bootstrap
│ └── css
│ │ └── custom-theme
│ │ ├── images
│ │ ├── ui-bg_flat_0_aaaaaa_40x100.png
│ │ ├── ui-bg_glass_55_fbf9ee_1x400.png
│ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ ├── ui-bg_glass_75_dadada_1x400.png
│ │ ├── ui-bg_glass_75_e6e6e6_1x400.png
│ │ ├── ui-bg_glass_75_ffffff_1x400.png
│ │ ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│ │ ├── ui-bg_inset-soft_95_fef1ec_1x100.png
│ │ ├── ui-icons_222222_256x240.png
│ │ ├── ui-icons_2e83ff_256x240.png
│ │ ├── ui-icons_454545_256x240.png
│ │ ├── ui-icons_888888_256x240.png
│ │ ├── ui-icons_cd0a0a_256x240.png
│ │ └── ui-icons_f6cf3b_256x240.png
│ │ ├── jquery-ui-1.8.16.custom.css
│ │ └── jquery.ui.1.8.16.ie.css
├── overlay.css
├── test-annotate.html
├── test.html
└── whitelist.html
├── package.json
├── src
├── hallo.coffee
├── plugins
│ ├── annotate.coffee
│ ├── blacklist.coffee
│ ├── block.coffee
│ ├── cleanhtml.coffee
│ ├── halloformat.coffee
│ ├── headings.coffee
│ ├── html.coffee
│ ├── image.coffee
│ ├── image
│ │ ├── current.coffee
│ │ ├── search.coffee
│ │ ├── suggestions.coffee
│ │ └── upload.coffee
│ ├── image_insert_edit.coffee
│ ├── indicator.coffee
│ ├── justify.coffee
│ ├── link.coffee
│ ├── lists.coffee
│ ├── overlay.coffee
│ ├── reundo.coffee
│ └── toolbarlinebreak.coffee
├── toolbar
│ ├── contextual.coffee
│ ├── fixed.coffee
│ └── instant.coffee
└── widgets
│ ├── button.coffee
│ └── dropdownbutton.coffee
└── test
├── hallo.coffee
├── index.html
└── qunit
├── coffee-script.js
├── qunit.css
├── qunit.js
└── run.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .idea
2 | docs/
3 | node_modules/
4 | docs_tmp/
5 | _site/
6 | dist/hallo-min.js
7 | bower_components/
8 | .DS_Store
9 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - '4.6'
4 | before_script:
5 | - npm install -g grunt-cli
6 | script:
7 | - grunt crossbrowser
8 | env:
9 | global:
10 | - secure: a7gNmuvehYer8OKmSYxF93A0kNqsgE7YWh4ml0Kme/ywZqal6LnkM8hX6ldmO3Wbzh703IiS1imY8MbQRsrA5xSl/HwaXiYOzan7RVHbSujcc4TxgYE4tKgdhM9ozWtX4XomJJ2E9kRTIShwEJkmC8sOh1uQ2IxxP3/MhxRtDNk=
11 | - secure: Xqhsriuk54lMsiWiN8Axz3z0fVNv6pyK2LhNptDbzDXkgpdp1O8Sqk4LaqSLpOwO3gM0X6PUnqF9hDbIbp7t4JB636NYPigMCJAPt46CBw4N3B3Apysn35ENI7/sdVK8iKuqYRexUpRIP2Ylok2DmFdnXVywEfS01fXqhv+CRcI=
12 | deploy:
13 | provider: npm
14 | email: henri.bergius@iki.fi
15 | api_key:
16 | secure: h4RC9wynsPCjDEP5aBV2A8OSbf191U+tFlzSO/S6w3zJul04874LcITp5iJBq4PZaCBgMhbFht/ZcyHTTtYgXTb2U1OHUYQFQTmt72Lko2OWMRE/35Kl5Xr7kZK+OqEdmbGRRguc3mU7fkIOMc5n2CAUWdgf8GvyUGHJ57l3BWE=
17 | on:
18 | tags: true
19 | repo: bergie/hallo
20 |
--------------------------------------------------------------------------------
/CHANGES.md:
--------------------------------------------------------------------------------
1 | Hallo Editor ChangeLog
2 | ======================
3 |
4 | ## 1.1.1 (January 21st 2015)
5 |
6 | * Switch everything to use dependencies installed via Bower instead of in-repository
7 |
8 | ## 1.1.0 (January 21st 2015)
9 |
10 | * Compatibility with Font Awesome 4.x
11 |
12 | ## 1.0.4 (September 10th 2013)
13 |
14 | * Plugin instance fetching is now more robust and gives better errors on plugins not compatible with jQuery 1.10
15 |
16 | ## 1.0.3 (September 10th 2013)
17 |
18 | * Ported the build environment to [Grunt](http://gruntjs.com)
19 | * Updated Bower packaging, and moved built Hallo version to `dist`
20 |
21 | ## 1.0.2 (February 18th 2013)
22 |
23 | Improved compatibility with [jQuery 1.9](http://jquery.com/upgrade-guide/1.9/) by removing the deprecated `jQuery.browser` calls.
24 |
25 | ## 1.0.1 (February 18th 2013)
26 |
27 | User interface:
28 |
29 | * Fixed Hallo toolbars now stay on the top of the screen when scrolling longer content elements [135](https://github.com/bergie/hallo/pull/135)
30 | * Contextual toolbar positioning is now more accurate [120](https://github.com/bergie/hallo/pull/120) & [121](https://github.com/bergie/hallo/pull/121)
31 | * Link plugin now prepends a `http://` to links if no protocol is defined [101](https://github.com/bergie/hallo/pull/101)
32 | * [New Hallo logo](https://raw.github.com/bergie/hallo/49c3236e59f900d82450eb41e628bf47a19aa6d1/design/logo.png) from the contest:
33 |
34 | 
35 |
36 | Plugins:
37 |
38 | * New [blacklist plugin](https://github.com/bergie/hallo/commit/627462b9738325030be46e2ba673e430780e0493) for removing unwanted DOM elements
39 | * Headings plugin uses the button class [126](https://github.com/bergie/hallo/pull/126)
40 | * Drag-and-drop behavior with the image widget was improved [115](https://github.com/bergie/hallo/pull/115)
41 |
42 | Internals:
43 |
44 | * Whitespace no longer prevents Hallo placeholder content from showing up [140](https://github.com/bergie/hallo/pull/140)
45 | * jQuery UI 1.10 compatibility [138](https://github.com/bergie/hallo/pull/138)
46 | * Several Internet Explorer fixes were included
47 | * Switched to jQuery 1.7+ `on`/`off` instead of `bind`/`unbind`
48 | * Switched selection handling to use the [Rangy](http://code.google.com/p/rangy/) library
49 |
50 | Development:
51 |
52 | * [CoffeeScript coding standards](https://github.com/polarmobile/coffeescript-style-guide) are now enforced by CoffeeLint
53 | * Unit tests and continuous integration run with the PhantomJS headless browser
54 |
--------------------------------------------------------------------------------
/Gruntfile.coffee:
--------------------------------------------------------------------------------
1 | module.exports = ->
2 | banner = """/* Hallo <%= pkg.version %> - rich text editor for jQuery UI
3 | * by Henri Bergius and contributors. Available under the MIT license.
4 | * See http://hallojs.org for more information
5 | */"""
6 |
7 | # Project configuration
8 | @initConfig
9 | pkg: @file.readJSON 'package.json'
10 |
11 | # Install dependencies
12 | 'bower-install-simple':
13 | deps:
14 | options:
15 | interactive: false
16 | forceLatest: false
17 | directory: 'bower_components'
18 |
19 | # CoffeeScript complication
20 | coffee:
21 | core:
22 | expand: true
23 | src: ['**.coffee']
24 | dest: 'tmp'
25 | cwd: 'src'
26 | ext: '.js'
27 | toolbar:
28 | expand: true
29 | src: ['**.coffee']
30 | dest: 'tmp/toolbar'
31 | cwd: 'src/toolbar'
32 | ext: '.js'
33 | widgets:
34 | expand: true
35 | src: ['**.coffee']
36 | dest: 'tmp/widgets'
37 | cwd: 'src/widgets'
38 | ext: '.js'
39 | plugins:
40 | expand: true
41 | src: ['**.coffee']
42 | dest: 'tmp/plugins'
43 | cwd: 'src/plugins'
44 | ext: '.js'
45 | plugins_image:
46 | expand: true
47 | src: ['**.coffee']
48 | dest: 'tmp/plugins/image'
49 | cwd: 'src/plugins/image'
50 | ext: '.js'
51 |
52 | # Build setup: concatenate source files
53 | concat:
54 | options:
55 | stripBanners: true
56 | banner: banner
57 | full:
58 | src: [
59 | 'tmp/*.js'
60 | 'tmp/**/*.js'
61 | 'tmp/**/**/*.js'
62 | ]
63 | dest: 'dist/hallo.js'
64 |
65 | # Remove tmp directory once builds are complete
66 | clean: ['tmp']
67 |
68 | # JavaScript minification
69 | uglify:
70 | options:
71 | banner: banner
72 | report: 'min'
73 | full:
74 | files:
75 | 'dist/hallo-min.js': ['dist/hallo.js']
76 |
77 | # Coding standards verification
78 | coffeelint:
79 | full: [
80 | 'src/*.coffee'
81 | 'src/**/*.coffee'
82 | ]
83 | options:
84 | 'max_line_length':
85 | 'level': 'ignore'
86 |
87 | # Unit tests
88 | qunit:
89 | all: ['test/*.html']
90 |
91 | # Cross-browser testing
92 | connect:
93 | server:
94 | options:
95 | base: ''
96 | port: 9999
97 |
98 | 'saucelabs-qunit':
99 | all:
100 | options:
101 | urls: ['http://127.0.0.1:9999/test/index.html']
102 | browsers: [
103 | browserName: 'chrome'
104 | ,
105 | browserName: 'safari'
106 | platform: 'OS X 10.9'
107 | version: '7'
108 | ]
109 | build: process.env.TRAVIS_JOB_ID
110 | testname: 'hallo.js cross-browser tests'
111 | tunnelTimeout: 5
112 | concurrency: 3
113 | detailedError: true
114 |
115 | # Dependency installation
116 | @loadNpmTasks 'grunt-bower-install-simple'
117 |
118 | # Build dependencies
119 | @loadNpmTasks 'grunt-contrib-coffee'
120 | @loadNpmTasks 'grunt-contrib-concat'
121 | @loadNpmTasks 'grunt-contrib-clean'
122 | @loadNpmTasks 'grunt-contrib-uglify'
123 |
124 | # Testing dependencies
125 | @loadNpmTasks 'grunt-coffeelint'
126 | @loadNpmTasks 'grunt-contrib-jshint'
127 | @loadNpmTasks 'grunt-contrib-qunit'
128 |
129 | # Cross-browser testing
130 | @loadNpmTasks 'grunt-contrib-connect'
131 | @loadNpmTasks 'grunt-saucelabs'
132 |
133 | # Local tasks
134 | @registerTask 'build', ['bower-install-simple', 'coffee', 'concat', 'clean', 'uglify']
135 | @registerTask 'test', ['coffeelint', 'build', 'qunit']
136 | @registerTask 'crossbrowser', ['test', 'connect', 'saucelabs-qunit']
137 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright (c) 2011-2013 Henri Bergius, The Midgard Project
2 |
3 | Permission is hereby granted, free of charge, to any person
4 | obtaining a copy of this software and associated documentation
5 | files (the "Software"), to deal in the Software without
6 | restriction, including without limitation the rights to use,
7 | copy, modify, merge, publish, distribute, sublicense, and/or sell
8 | copies of the Software, and to permit persons to whom the
9 | Software is furnished to do so, subject to the following
10 | conditions:
11 |
12 | The above copyright notice and this permission notice shall be
13 | included in all copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.
23 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Hallo - contentEditable for jQuery UI [](http://travis-ci.org/bergie/hallo) [](https://greenkeeper.io/)
2 | =====================================
3 |
4 | 
5 |
6 | [](https://saucelabs.com/u/hallo-js)
7 |
8 | Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the [HTML5 contentEditable functionality](https://developer.mozilla.org/en/rich-text_editing_in_mozilla) to edit web content.
9 |
10 | The widget has been written as a simple and liberally licensed editor. It doesn't aim to replace popular editors like [Aloha](http://aloha-editor.org), but instead to provide a simpler and more reusable option.
11 |
12 | Read the [introductory blog post](http://bergie.iki.fi/blog/hallo-editor/) for more information.
13 |
14 | ## Using the editor
15 |
16 | You need jQuery, jQuery UI (1.10+), and [Rangy](https://code.google.com/p/rangy/) loaded. An easy way to do this is to use Google's JS service:
17 |
18 | ```html
19 |
20 |
21 |
22 | ```
23 |
24 | The editor toolbar is using jQuery UI theming, so you'll probably also want to [grab a theme](http://jqueryui.com/themeroller/) that fits your needs. Toolbar pluggins use icons from [Font Awesome](http://fortawesome.github.com/Font-Awesome/). Check these [integration instructions](http://fortawesome.github.com/Font-Awesome/#integration) for the right way to include Font Awesome depending on if/how you use Twitter Bootstrap. To style the toolbar as it appears in the demo, you'll also want to add some CSS (like background and border) to the class `hallotoolbar`.
25 |
26 | ```html
27 |
28 |
29 | ```
30 |
31 | Then include Hallo itself:
32 |
33 | ```html
34 |
35 | ```
36 |
37 | Editor activation is easy:
38 |
39 | ```javascript
40 | jQuery('p').hallo();
41 | ```
42 |
43 | You can also deactivate the editor:
44 |
45 | ```javascript
46 | jQuery('p').hallo({editable: false});
47 | ```
48 |
49 | Hallo itself only makes the selected DOM elements editable and doesn't provide any formatting tools. Formatting is accomplished by loading plugins when initializing Hallo. Even simple things like *bold* and *italic* are plugins:
50 |
51 | ```javascript
52 | jQuery('.editable').hallo({
53 | plugins: {
54 | 'halloformat': {}
55 | }
56 | });
57 | ```
58 |
59 | This example would enable the simple formatting plugin that provides functionality like _bold_ and _italic_. You can include as many Hallo plugins as you want, and if necessary pass them options.
60 |
61 | Hallo has got more options you set when instantiating. See the [hallo.coffee](https://github.com/bergie/hallo/blob/master/src/hallo.coffee) file for further documentation.
62 |
63 | ### Events
64 |
65 | Hallo provides some events that are useful for integration. You can use [jQuery bind](http://api.jquery.com/bind/) to subscribe to them:
66 |
67 | * `halloenabled`: Triggered when an editable is enabled (`editable` set to `true`)
68 | * `hallodisabled`: Triggered when an editable is disabled (`editable` set to `false`)
69 | * `hallomodified`: Triggered whenever user has changed the contents being edited. Event data key `content` contains the HTML
70 | * `halloactivated`: Triggered when user activates an editable area (usually by clicking it)
71 | * `hallodeactivated`: Triggered when user deactivates an editable area
72 |
73 | ## Plugins
74 |
75 | * halloformat - Adds Bold, Italic, StrikeThrough and Underline support to the toolbar. (Enable/Disable with options: "formattings": {"bold": true, "italic": true, "strikethrough": true, "underline": false})
76 | * halloheadings - Adds support for H1, H2, H3. You can pass a headings option key to specify what is going to be displayed (e.g. "formatBlocks":["p", "h2","h3"])
77 | * hallojustify - Adds align left, center, right support
78 | * hallolists - Adds support for ordered and unordered lists (Pick with options: "lists": {"ordered": false, "unordered": true})
79 | * halloreundo - Adds support for undo and redo
80 | * hallolink - Adds support to add links to a selection (currently not working)
81 | * halloimage - Image uploading, searching, suggestions
82 | * halloblacklist - Filtering unwanted tags from the content
83 |
84 | ## Licensing
85 |
86 | Hallo is free software available under the [MIT license](http://en.wikipedia.org/wiki/MIT_License).
87 |
88 | ## Contributing
89 |
90 | Hallo is written in [CoffeeScript](http://jashkenas.github.com/coffee-script/), a simple language that compiles into JavaScript. You'll need Node.js to to build it. All build dependencies can be installed with:
91 |
92 | $ npm install
93 |
94 | To generate the JavaScript code to `dist/hallo.js` from Hallo sources, run [Grunt](http://gruntjs.com):
95 |
96 | $ grunt build
97 |
98 | Hallo development is coordinated using Git. Just fork the [Hallo repository on GitHub](https://github.com/bergie/hallo) and [send pull requests](http://help.github.com/pull-requests/).
99 |
100 | ### Unit tests
101 |
102 | We use the Travis continuous integration service for testing Hallo. Currently we run two types of tests:
103 |
104 | * [CoffeeLint](http://www.coffeelint.org/) for ensuring compliance with [coding standards](https://github.com/polarmobile/coffeescript-style-guide)
105 | * Some [QUnit](http://qunitjs.com/) tests
106 |
107 | You can run the unit tests locally by opening `test/index.html` in your browser, or with [PhantomJS](http://phantomjs.org/) by running:
108 |
109 | $ grunt test
110 |
111 | or:
112 |
113 | $ npm test
114 |
115 | ### Writing plugins
116 |
117 | Hallo plugins are written as regular [jQuery UI widgets](http://semantic-interaction.org/blog/2011/03/01/jquery-ui-widget-factory/).
118 |
119 | When Hallo is loaded it will also load all the enabled plugins for the element, and pass them some additional options:
120 |
121 | * `editable`: The main Hallo widget instance
122 | * `uuid`: unique identifier of the Hallo instance, can be used for element IDs
123 |
124 | A simplistic plugin would look like the following:
125 |
126 | ```coffeescript
127 | # Formatting plugin for Hallo
128 | # (c) 2011 Henri Bergius, IKS Consortium
129 | # Hallo may be freely distributed under the MIT license
130 | ((jQuery) ->
131 | jQuery.widget "IKS.halloformat",
132 | boldElement: null
133 |
134 | options:
135 | uuid: ''
136 | editable: null
137 |
138 | _create: ->
139 | # Add any actions you want to run on plugin initialization
140 | # here
141 |
142 | populateToolbar: (toolbar) ->
143 | # Create an element for holding the button
144 | @boldElement = jQuery ''
145 |
146 | # Use Hallo Button
147 | @boldElement.hallobutton
148 | uuid: @options.uuid
149 | editable: @options.editable
150 | label: 'Bold'
151 | # Icons come from Font Awesome
152 | icon: 'icon-bold'
153 | # Commands are used for execCommand and queryCommandState
154 | command: 'bold'
155 |
156 | # Append the button to toolbar
157 | toolbar.append @boldElement
158 |
159 | cleanupContentClone: (element) ->
160 | # Perform content clean-ups before HTML is sent out
161 |
162 | )(jQuery)
163 | ```
164 |
--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hallo",
3 | "main": "./dist/hallo.js",
4 | "license": "MIT",
5 | "ignore": [
6 | "**/.*",
7 | "node_modules",
8 | "components"
9 | ],
10 | "dependencies": {
11 | "jquery": "1.9.x",
12 | "jquery-ui": "1.10.x",
13 | "jquery-htmlclean": "1.3.x",
14 | "rangy-official": "1.3.x",
15 | "font-awesome": "~4.2.0"
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/design/hallo-toolbar.bmml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | A%20Web%20Page%0Ahttp%3A//
6 |
7 |
8 |
9 |
10 | A%20paragraph%20of%20text.%0AA%20_second_%20%5Brow%5D%20of%20*text*.
11 |
12 |
13 |
14 |
15 | B%2C%20I%2C%20H2%2C%20+
16 |
17 |
18 |
19 |
20 | When%20there%20is%20a%20selection%20we%20show%20a%20%22popover%22%20toolbar.%0A%20%0AToolbar%20only%20has%20the%20actions%20you%20can%20apply%20to%20the%20selected%20area%2C%20and%20a%20+%20for%20insertions
21 |
22 |
23 |
24 |
25 | A%20Web%20Page%0Ahttp%3A//
26 |
27 |
28 |
29 |
30 | A%20paragraph%20of%20text.%0AA%20_second_%20%5Brow%5D%20of%20*text*.
31 |
32 |
33 |
34 |
35 | P%2C%20PRE%2C%20H1%2C%20H2
36 |
37 |
38 |
39 |
40 | Clicking%20the%20block%20formatting%20button%20%28which%20shows%20current%20blocklevel%20element%20%5Bh2%5D%29%20changes%20toolbar%20contents%20to%20blocklevel%20element%20selection
41 |
42 |
43 |
44 |
45 | A%20Web%20Page%0Ahttp%3A//
46 |
47 |
48 |
49 |
50 | A%20paragraph%20of%20text.%0AA%20_second_%20%5Brow%5D%20of%20*text*.
51 |
52 |
53 |
54 |
55 | Link%2C%20Image%2C%20Person
56 |
57 |
58 |
59 |
60 | 13369344
61 | bottom
62 | false
63 |
64 |
65 |
66 |
67 |
68 | Clicking%20the%20+%20button%20changes%20toolbar%20to%20show%20different%20things%20you%20can%20insert%20to%20the%20page
69 |
70 |
71 |
72 |
73 | 13369344
74 | false
75 |
76 |
77 |
78 |
79 |
80 | A%20Web%20Page%0Ahttp%3A//
81 |
82 |
83 |
84 |
85 | A%20paragraph%20of%20text.%0AA%20_second_%20row%20of%20*text*.%20%7C
86 |
87 |
88 |
89 |
90 | Normally%20Hallo%20only%20shows%20you%20the%20content%20you%27re%20editing%20with%20no%20additional%20chrome
91 |
92 |
93 |
94 |
95 | 13576743
96 | bottom
97 | true
98 | false
99 |
100 |
101 |
102 |
103 |
104 | A%20Web%20Page%0Ahttp%3A//
105 |
106 |
107 |
108 |
109 | A%20paragraph%20of%20text.%0AA%20_second_%20%5Brow%5D%20of%20*text*.
110 |
111 |
112 |
113 |
114 |
115 | Drop%20an%20image%20to%20insert
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 | Search%20images
126 |
127 |
128 |
129 |
130 | Image%20insertion%20replaces%20the%20toolbar%20with%20a%20larger%20dialog%20that%20provides%20a%20drag%20target%20to%20upload%20images%2C%20and%20a%20search%20box%20for%20images%20already%20in%20system.%0A%20%0AYou%20can%20also%20drag%20images%20straight%20into%20the%20editable%20area.
131 |
132 |
133 |
134 |
135 | 13369344
136 | false
137 |
138 |
139 |
140 |
141 |
--------------------------------------------------------------------------------
/design/hallo-toolbar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bergie/hallo/3d10b2f34290fbebf75e80c397ba3b2bcc7a4615/design/hallo-toolbar.png
--------------------------------------------------------------------------------
/design/logo-200x59.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bergie/hallo/3d10b2f34290fbebf75e80c397ba3b2bcc7a4615/design/logo-200x59.png
--------------------------------------------------------------------------------
/design/logo.eps:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bergie/hallo/3d10b2f34290fbebf75e80c397ba3b2bcc7a4615/design/logo.eps
--------------------------------------------------------------------------------
/design/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bergie/hallo/3d10b2f34290fbebf75e80c397ba3b2bcc7a4615/design/logo.png
--------------------------------------------------------------------------------
/examples/annotate.css:
--------------------------------------------------------------------------------
1 | .entity, a[typeof][about] {
2 | z-index: -1;
3 | padding: 0 3px;
4 | background-color: #E0E0E0;
5 | border-radius: 7px;
6 | border: outset rgba(0, 0, 0, 0.2);
7 | white-space: nowrap;
8 | border-width:1px;
9 | }
10 | a[typeof][about] {
11 | border-width: 1px 0;
12 | border-color: rgba(0, 0, 0, 0.8);
13 | border-style: solid;
14 | border-radius: 0;
15 | }
16 | .entity.withSuggestions {border-color: rgba(0, 0, 0, 0.8);}
17 |
18 | .entity.person,
19 | a[typeof][about].person {background-color: #ffe;}
20 |
21 | .entity.place,
22 | a[typeof][about].place {background-color: #fef;}
23 |
24 | .entity.organisation,
25 | a[typeof][about].organisation {background-color: #eff;}
26 |
27 | #loadingDiv {
28 | position: absolute;
29 | top: 10px;
30 | right: 10px;
31 | }
32 | .ui-dialog, .ui-tooltip {
33 | font-size: 95%;
34 | }
35 |
--------------------------------------------------------------------------------
/examples/fixed.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
12 |
13 |
14 |
15 |
16 | Hallo example
17 |
18 |
19 |
20 |
21 |
22 |
Editables have not been modified
23 |
24 |
Hello World
25 |
26 |
27 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
28 |
29 |
30 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
31 |
32 |
33 |
34 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
35 |
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
36 |
37 |
38 |
39 |
40 |
41 |
Affix Example
42 |
43 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
44 |
45 |
46 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
47 |
48 |
49 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
50 |
51 |
52 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
53 |
54 |
55 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
56 |
57 |
58 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
59 |
60 |
61 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
62 |
63 |
64 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
65 |
66 |
67 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
68 |
69 |
70 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
71 |
72 |
73 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
74 |
75 |
76 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
77 |
78 |
79 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
80 |
81 |
82 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
83 |
84 |
85 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
86 |
87 |
88 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
89 |
90 |
91 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
92 |
93 |
94 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
95 |
96 |
97 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
98 |
99 |
100 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
101 |
102 |
103 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
104 |
105 |
106 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
107 |
108 |
109 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
110 |
111 |
112 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
113 |
34 | Turkey, known officially as the Republic of Turkey, is a Eurasian country that stretches across the Anatolian peninsula in western Asia and Thrace in the Balkan region of southeastern Europe. Turkey is one of the six independent Turkic states. Turkey is bordered by eight countries: Bulgaria to the northwest; Greece to the west; Georgia to the northeast; Armenia, Azerbaijan and Iran to the east; and Iraq and Syria to the southeast.
35 |
32 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
33 |
34 |
35 | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
36 |
37 |
38 |
39 |
40 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
41 |
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.