https://github.com/DennisSuitters/summernote-text-findnreplace

Summernote Plugin that Adds Find and Replace area in the Toolbar.
https://github.com/DennisSuitters/summernote-text-findnreplace

addon android find replace summernote summernote-plugins text toolbar wysiwyg

Last synced: 3 months ago
JSON representation

Summernote Plugin that Adds Find and Replace area in the Toolbar.

• Host: GitHub
• URL: https://github.com/DennisSuitters/summernote-text-findnreplace
• Owner: DennisSuitters
• License: mit
• Created: 2017-02-03T02:43:51.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-02-11T13:50:18.000Z (over 1 year ago)
• Last Synced: 2024-05-03T05:09:05.889Z (6 months ago)
• Topics: addon, android, find, replace, summernote, summernote-plugins, text, toolbar, wysiwyg
• Language: JavaScript
• Homepage:
• Size: 157 KB
• Stars: 10
• Watchers: 2
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-text-findnreplace

README

        
# summernote-text-findnreplace

A plugin for the [Summernote](https://github.com/summernote/summernote/) WYSIWYG editor.

Adds a button to the Toolbar that adds an area to the Toolbar that allows Find and Replace text in the editor.

Here are the functions you can do with this plugin:

- Find text in the editor area.

- Selecting text before opening the plugin will copy the selected text into the find field.

- Selecting text after opening the plugin will replace the selection with text entered in the replace field.

- Feedback is displayed in the Toolbar area.

![summernote-text-findnreplace](summernote-text-findnreplace.png)

### Installation

#### 1. Include JS

Include the following code after including Summernote:

```html

```

#### 2. Supported languages

Supported languages can be found in the `lang` folder, and should be included after the plugin, then setting the chosen language when initialising Summernote.

#### 3. Summernote options

Finally, customize the Summernote Toolbar.

```javascript

$(document).ready(function() {

  $('#summernote').summernote({

    toolbar:[

      ['custom',['findnreplace']], // The button

      ['style',['style']],

      ['font',['bold','italic','underline','clear']],

      ['fontname',['fontname']],

      ['color',['color']],

      ['para',['ul','ol','paragraph']],

      ['height',['height']],

      ['table',['table']],

      ['insert',['media','link','hr']],

      ['view',['fullscreen','codeview']],

      ['help',['help']]

    ],

    findnreplace:{

      lang: 'en-US' // Change to your chosen language

    }

  });

});

```

#### 4. Check out our other Summernote Plugins via our main Github page.

- [Diemen Design](https://github.com/DiemenDesign/)