screenshots/gifs:
bbwp2
bbwp1
bbwp3
http://www.murga-linux.com/puppy/viewto ... 360#860360
PostPosted: Thu 13 Aug 2015, 23:17 Post subject: now with puup....an even more minimalistic word processor
Subject description: that's an improvement pack but also functions stand alone.
puup!.tar.gz (19kb)
also in xz flavor: puup!.tar.xz(17kb)
from the readme:
"good to know: most browsers can save as pdf it seems."
which i forgot about, so the included documentation/grab-some-formatting file talks of only saving in html or plain text. anyway, here's a tiny stand alone (apart from your browser) word processor that was originally supposed to be an upgrade pack for the nwp--it works well enough that i'm thinking about making it its own thread (but i'm going to be busy for a while so rushing off a few updates while i can). works with all the browsers discussed in this thread, which is close to just about all those commonly discussed. whole thing is 5k compressed as a pet, but most of that's scrap/help/formatting samples. you get five tabs opened in a browser--one's a blank slate with spell check enabled, one's a formatting sampler with spell check enabled (you could delete/modify the template or make it a second blank and just use websites to copy and paste sample text/sample formatting, but this makes it a bit more self sufficient and makes the sloppy on-the-fly how-to and what-is-it notes more useful).
the styles/notes/formatting/scrap page that's the majority of it (uncompressed 11k file, but if you're actually online, you can grab formatting from anything, so you can open it in geany or leafpad and ditch the prefab) is linked below. mouse shortcuts and keyboard shortcuts all seem to work, and the open/close plain text dialog boxes also get added to the dil dillo reference popup, giving it a note-taker/file browser abilities as well (dil2 in the nwp/pwn/main launcher--formatting tabs didn't display in dillo, but they may have registered the locations of the photos, etc you paste in much as they do in the other browsers).
new launcher shortcuts:
defbb -- open bbwp with your default browser (five tabs--same code in ll or gl launcher(alt+l,alt+k are leafpad and geany launchers) to adjust)
firbb -- with firefox
chbb -- with chromium
pmbb -- with palemoon
gbb -- with google chrome
dil2 -- dillo reference/notetaker
wpebb -- open config files in geany
___
well, it appears the most of the formatting highlights are missing from the (gif) reel so moving on,
thanks to/more info/here's the content of the Styles file:
Code: Select all
<!--
nwp00.html
Copyright 2017 root <root@puppypc>
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
MA 02110-1301, USA.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Styles</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.25" />
</head>
<body>
<title>styles-notes-scrap</title><body contenteditable style="font-size:2rem;font-family:serif;line-height:1.5;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="true">
Formatting and Info
01 has no spell check but it's enabled in the 00 tab. copy text from the styles/scrap/help file (this file) or any browser window to change the formatting.<p>
use your browser's open, close, and save menus and short cuts--if you don't save what's in the tab you'll lose your changes. <p>
pasting into the Styles tab will format the text; copy it back in underline, bold, h5, etc. copying the the sample text from there and editing it here preserves formatting as well.
overwrite and/or copy to grab formatting<p>
(get rid of this help file's on screen contents and you also have a default set for spellcheck)<p>
control plus a,x,c,y,z all appear to work well in the editable window....right click copy and middle click paste work...select to copy works...
you can grab pictures and other formatting, and presumably videos as well (though i haven't tried)---you aren't limited to the Styles tab for formatting, but i wanted to make the dil nwp shortcut a full word processor--i think it is with these three tabs. first pet should go up by the first of july...
could also be used to grab the locations and formatting behind things since that's what shows up in the text editor view of the file.
enjoy.<p>
---Puppus Dogfellow, July 1, 2017<p>
rox /my-applications/bin/bbwp<p>
bbwp-def -- launch the bbwp with your default browser<p>
bbwp-fir -- with firefox<p>
bbwp-g -- with chrome<p>
bbwp-pm -- with palemoon <p>
bbwp-ch -- with chromium<p>
dil2 -- dillo notetaker and reference popup<p>
editconfig-geany-bbwp<p>
thanks to/more info: <p>
https://coderwall.com/p/lhsrcq/one-line-browser-notepad: make any tab a notetaker/wp with :
data:text/html, <html contenteditable><p>
http://www.pcworld.com/article/2360940/turn-any-browser-tab-into-a-basic-text-editor.html<p>
https://www.dropboxforum.com/t5/Dropbox/edit-text-file-in-browser-window/idi-p/19795/page/2#comments<p>
https://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/<p>
the formatted version doesn't work in dillo, but the code from the above source was added to all the word processor "start centers" (browser pop up with a bunch of editable tabs opened) and makes the dillo reference popup a better notetaker, and a better wordprocessor as far as interplay with the anuupus utilities suite/word processor goes. the box also allows you to work with the raw html side of things, though you don't need to touch code to use this word processor (you just need a browser as capable as firefox/palemoon/chrome/...). <p>
<p> <p>
overwrite/paste-in and/or copy to grab/change formatting <p>
overwrite/paste-in and/or copy to grab/change formatting<p>
overwrite/paste-in and/or copy to grab/change formatting
overwrite/paste-in and/or copy to grab/change formatting
<p>
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
text below is probably inaccurate--check the line atop near the title or do a search in this document for spellcheck--first result on the page is the one that's part of the code that answers the question (change it if you like so that both templates are the same)
<h5>odd numbers have spellcheck disabled</h5><p><p>(this refers to something defunct--format your notes with it)
spellcheck enables on Styles tab...
paste formatted text into google docs, zoho or similar to save as something other than text or html.
print through your browser/it's a word processor
<pre>
<span style="font-size: 14pt; color:black; font-weight:normal; font-family: monospace">
print through your browser/it's a word processor
(but use libreoffice or similar to save as something other than text or html)
preotry
mono 14 pyaw
pyaw preotry
pre tags preserve dead space
pyaw preotry
pyaw preotry
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
print through your browser/it's a word processor
(but use libreoffice or similar to save as something other than text or html)
preotry
mono 14 pyaw
pyaw preotry
pyaw preotry
pyaw preotry
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
(same as above but without the pre tag. edit the code itself with a text editor or the note/scrap boxes (may be quicker than the browser's open menu. doesn't display formatting but may store it (haven't checked yet but anything you paste into the formattable tabs gets its hidden code revealed if you download it and view it in a text editor or as text (if your browser has that option or you use the boxes at either end of the bbwp popup))))
<pre>
<span style="font-size: 14pt; color:black; font-weight:normal; font-family: sans">
sans 14sans 14sans 14
sans 14sans 14sans 14
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
<pre>
<span style="font-size: 14pt; color:black; font-weight:normal; font-family: serif">
serif 14
serif 14
serif 14
serif 14
serif 14
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
<pre>
<span style="font-size: 12pt; color:black; font-weight:normal; font-family: monospace">
mono 12 pyaw preotry
pyaw preotry
pyaw preotry
pyaw preotry
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
<pre>
<span style="font-size: 12pt; color:black; font-weight:normal; font-family: sans">
sans 12sans 12sans 12
sans 12sans 12sans 12
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
<pre>
<span style="font-size: 12pt; color:black; font-weight:normal; font-family: serif">
serif 12
serif 12
serif 12
serif 12
serif 12
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
</span>
</pre>
<h6>h6--copy and paste formatting</h6><p>
<h5>h5--copy and paste formatting</h5><p>
<h4>h4--copy and paste formatting</h4><p>
<h3>h3--copy and paste formatting</h3><p>
<h2>h2--copy and paste formatting</h2><p>
<h1>h1--copy and paste formatting</h1><p>
<b>bold --copy and paste formatting</b><p>
<u>underline --copy and paste formatting</u><p>
<i>italics --copy and paste formatting</i><p>
<!--
<title>EDIT</title><textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" spellcheck="false" autofocus />
-->
<b>Formatting and Info</b><p><p>
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info </u><p><p>
<p> <p>
overwrite/paste-in and/or copy to grab/change formatting
overwrite/paste-in and/or copy to grab/change formatting
overwrite/paste-in and/or copy to grab/change formatting
overwrite/paste-in and/or copy to grab/change formatting
<p>
<b>Formatting and Info</b><p><p>
<i>Formatting and Info</i><p><p>
<u>Formatting and Info</u><p>
</body>
</html>
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<body>
<table>
<tr><td>Text to Save:</td></tr>
<tr>
<td colspan="3">
<textarea id="inputTextToSave" cols="80" rows="25"></textarea>
</td>
</tr>
<tr>
<td>Filename to Save As:</td>
<td><input id="inputFileNameToSaveAs"></input></td>
<td><button onclick="saveTextAsFile()">Save Text to File</button></td>
</tr>
<tr>
<td>Select a File to Load:</td>
<td><input type="file" id="fileToLoad"></td>
<td><button onclick="loadFileAsText()">Load Selected File</button><td>
</tr>
</table>
<script type="text/javascript">
function saveTextAsFile()
{
var textToSave = document.getElementById("inputTextToSave").value;
var textToSaveAsBlob = new Blob([textToSave], {type:"text/plain"});
var textToSaveAsURL = window.URL.createObjectURL(textToSaveAsBlob);
var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
var downloadLink = document.createElement("a");
downloadLink.download = fileNameToSaveAs;
downloadLink.innerHTML = "Download File";
downloadLink.href = textToSaveAsURL;
downloadLink.onclick = destroyClickedElement;
downloadLink.style.display = "none";
document.body.appendChild(downloadLink);
downloadLink.click();
}
function destroyClickedElement(event)
{
document.body.removeChild(event.target);
}
function loadFileAsText()
{
var fileToLoad = document.getElementById("fileToLoad").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent)
{
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("inputTextToSave").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
}
</script>
</body>
</html>
<!--
from
https://thiscouldbebetter.wordpress.com/2012/12/18/loading-editing-and-saving-a-text-file-in-html5-using-javascrip/
-->
Code: Select all
#!/bin/sh
#!/bin/sh
#pinstall bbwp11111
echo $'
#!/bin/sh
palemoon /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html /root/my-applications/bbwp/html/box2.html
' > /root/my-applications/bbwp/bbwp-pm
chmod 755 /root/my-applications/bbwp/bbwp-pm
echo $'
#!/bin/sh
defaultbrowser /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html /root/my-applications/bbwp/html/box2.html
' > /root/my-applications/bbwp/bbwp-def
chmod 755 /root/my-applications/bbwp/bbwp-def
echo $'
#!/bin/sh
google-chrome /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html /root/my-applications/bbwp/html/box2.html
' > /root/my-applications/bbwp/bbwp-g
chmod 755 /root/my-applications/bbwp/bbwp-g
echo $'
#!/bin/sh
dillo file:///root/my-applications/OEWP/html/box1.html www.google.com www.dictionary.com www.murga-linux.com/puppy http://www.etymonline.com/ https://duckduckgo.com/?q=nyc+weather+hourly&t=h_&ia=weather file:///root/my-applications/OEWP/html/box2.html
' > /root/my-applications/bbwp/dil2
chmod 755 /root/my-applications/bbwp/dil2
echo $'
#!/bin/sh
firefox /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/box2.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html
' > /root/my-applications/bbwp/bbwp-fir
chmod 755 /root/my-applications/bbwp/bbwp-fir
echo $'
#!/bin/sh
chromium /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/box2.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html
' > /root/my-applications/bbwp/bbwp-ch
chmod 755 /root/my-applications/bbwp/bbwp-ch
echo $'
#!/bin/sh
geany -i /root/my-applications/bbwp/html/box1.html /root/my-applications/bbwp/html/box2.html /root/my-applications/bbwp/html/nwp00.html /root/my-applications/bbwp/html/nwp01.html /root/my-applications/bbwp/html/Styles.html
' > /root/my-applications/bbwp/editconfig-geany-bbwp
chmod 755 /root/my-applications/bbwp/editconfig-geany-bbwp
cp -f /root/my-applications/bbwp/editconfig-geany-bbwp /nwp/wpebb
cp -f /root/my-applications/bbwp/bbwp-ch /nwp/chbb
cp -f /root/my-applications/bbwp/bbwp-fir /nwp/firbb
cp -f /root/my-applications/bbwp/dil2 /nwp/dil2
cp -f /root/my-applications/bbwp/bbwp-g /nwp/gbb
cp -f /root/my-applications/bbwp/bbwp-pm /nwp/pmbb
cp -f /root/my-applications/bbwp/bbwp-def /nwp/defbb
chmod 755 /nwp/defbb /nwp/wpebb /nwp/pmbb /nwp/gbb /nwp/dil2 /nwp/firbb /nwp/chbb
echo $'
[Desktop Entry]
Encoding=UTF-8
Name=bbwp-conf
Icon=/root/puppy-reference/mini-icons/mini-pencil.xpm
Comment=browser based word processor and note taker --configure
Exec=rox /root/my-applications/bbwp/
Terminal=false
Type=Application
GenericName=
Version=1.0
Categories=WordProcessor
' >/usr/share/applications/bbwp-conf.desktop
echo $'
[Desktop Entry]
Encoding=UTF-8
Name=bbwp-def
Icon=/root/puppy-reference/mini-icons/mini-pencil.xpm
Comment=browser based word processor and note taker--configure
Exec=/root/my-applications/bbwp/bbwp-def
Terminal=false
Type=Application
GenericName=bbwp-def
Version=1.0
Categories=WordProcessor
' > /usr/share/applications/bbwp-def.desktop
styles/help file also fails to mention pandoc (but i added the info to the third gif).
content of the two blank (w,w/o spellcheck) primary templates that pop up as tabs when you activate the bbwp:
Code: Select all
nwp01.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>nwp01</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.25" />
</head>
<body>
<title>bbwp01</title><body contenteditable style="font-size:2rem;font-family:serif;line-height:1.5;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="false">
</body>
</html>
Code: Select all
<!--
nwp00.html
[...]
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>00-s</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 1.25" />
</head>
<body>
<title>nwp00</title><body contenteditable style="font-size:2rem;font-family:serif;line-height:1.5;max-width:60rem;margin:0 auto;padding:4rem;" spellcheck="true">
</body>
</html>