The NotesPlugin (AKA 'Notes') is a very simple plugin: all it does is wrap the content of the plugin in a div element with a "banner_note" class attribute. It would have been named "NotePlugin" but there is already such a plugin included with JSPWiki.

This may be expanded in the future for some extra functionality but for now it keeps us from having to use a CSS class to contain notes, which won't work so well for transformations that may wish to exclude notes.

Parameters#

• title = 'value'. The optional title of the note, to be displayed above the note (using CSS)

As noted above, the plugin body (the content between "[{Notes" and "}]') is used as the note content.

Recommended CSS Stylesheet#

Below is a recommended CSS stylesheet for the note and its title:

.banner_note {
  margin: 2em 0.5em 1em -16px; padding: 1em 1em 1em 1em; max-width: 90%;
  max-height: 12em; font-size: 95%; text-align: justify;
  color: #001822; background-color: #f5fdff;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border-left: 16px solid #c3edff;
  transform: translateX(0);
  overflow-x: hidden;
  overflow-y: scroll;
}
.banner_note .note_title {
  position: absolute; width: auto; padding-left: 1em; padding-right: 1em; text-align: right;
  background-image: linear-gradient(#dbf8ff, #f5fdff);
  font-size: 85%;
  top: 0; right: 1em;
  overflow-x: none;
}

Example#

[{Notes This is the content of the note.}]

[{Notes title='This is a very long note title, as a long example.' This is the content of the note.}]