You are not logged in.
Adam,
I did the same thing and havent really found any problems with it as most of the time the user wants to get out only when adding something else.
Will
Do you have these same issues on the examples page here?
http://xinha.gogo.co.nz/xinha-nightly/e … ample.html
Will
something for the faq:
q: Is there a list of all the functions xinha uses?
a: http://xinha.gogo.co.nz/punbb/viewtopic.php?id=137
I was just wondering how we could do a "please wait" or "loading editor" like this does:
http://www.wysiwygpro.com/demos/demo2.php
We have a page where it loads 5 editors and things get a bit slow loading, so would like to find a solution as well. I was thinking the something similar, just a div that pops itself up on browser load, centered to the browser's width/height saying "please wait" and having the last line of xinha config hide it.
Will
This is from an old post on the htmlArea archives,
not sure if this link will paste but:
http://www.htmlarea.com/forum/htmlArea_ … rch_engine
Anyhow, hopefully we can update this list for Xinha if there were changes, but it's already been helpful to me:
-- private functions are indented under
their parents and in-line defined/parameter-passed functions
are double-indented -- including parameters/arguments shown)
Code
File: htmlarea.js
=================
Function Definition Key:
. = HTMLArea.prototype.
_CONFIG. = HTMLArea.Config.prototype.
_STRING. = String.prototype.
Functions in location order:
---------------------------
HTMLArea (textarea, config)
HTMLArea.onload = function ()
HTMLArea.loadScript = function (url, plugin)
HTMLArea.init = function ()
loadNextScript ()
HTMLArea.Config = function ()
cut_copy_paste (e, cmd, obj)
_CONFIG.registerButton = function (id, tooltip, image, textMode, action, context)
_CONFIG.registerDropdown = function (object)
_CONFIG.hideSomeButtons = function (remove)
HTMLArea.replaceAll = function (config)
HTMLArea.replace = function (id, config)
._createToolbar = function ()
newLine ()
setButtonStatus (id, newval)
createSelect (txt)
createButton (txt)
._createStatusBar = function ()
.generate = function ()
f.onsubmit = function ()
f.onreset = function ()
window.onunload = function ()
initIframe ()
(event)
.setMode = function (mode)
.setFullHTML = function (html)
.registerPlugin = function ()
.registerPlugin2 = function (plugin, args)
HTMLArea.getPluginDir = function (pluginName)
HTMLArea.loadPlugin = function (pluginName)
(str, l1, l2, l3)
HTMLArea.loadStyle = function (style, plugin)
.debugTree = function ()
debug (indent, str)
_dt (root, level)
HTMLArea.getInnerText = function (el)
._wordClean = function ()
showStats ()
clearClass (node)
clearStyle (node)
stripTag (el)
checkEmpty (el)
parseTree (root)
.forceRedraw = function ()
.focusEditor = function ()
._undoTakeSnapshot = function ()
.undo = function ()
.redo = function ()
.updateToolbar = function (noStatus)
a.onclick = function ()
a.oncontextmenu = function ()
.insertNodeAtSelection = function (toBeInserted)
.getParentElement = function ()
.getAllAncestors = function ()
.selectNodeContents = function (node, pos)
.insertHTML = function (html)
.surroundHTML = function (startTag, endTag)
.getSelectedHTML = function ()
.hasSelectedText = function ()
._createLink = function (link)
._insertImage = function (image)
._insertTable = function ()
._comboSelected = function (el, txt)
.execCommand = function (cmdID, UI, param)
._editorEvent = function (ev)
.convertNode = function (el, newTagName)
.ie_checkBackspace = function ()
.dom_checkBackspace = function ()
.dom_checkInsertP = function ()
.getHTML = function ()
.getInnerHTML = function ()
.setHTML = function (html)
.setDoctype = function (doctype)
HTMLArea.cloneObject = function (obj)
HTMLArea.checkSupportedBrowser = function ()
._getSelection = function ()
._createRange = function (sel)
HTMLArea._addEvent = function (el, evname, func)
HTMLArea._addEvents = function (el, evs, func)
HTMLArea._removeEvent = function (el, evname, func)
HTMLArea._removeEvents = function (el, evs, func)
HTMLArea._stopEvent = function (ev)
HTMLArea._removeClass = function (el, className)
HTMLArea._addClass = function (el, className)
HTMLArea._hasClass = function (el, className)
HTMLArea.isBlockElement = function (el)
HTMLArea.needsClosingTag = function (el)
HTMLArea.htmlEncode = function (str)
HTMLArea.getHTML = function (root, outputRoot, editor)
HTMLArea.getHTMLWrapper = function (root, outputRoot, editor)
.stripBaseURL = function (string)
_STRING.trim = function ()
HTMLArea._makeColor = function (v)
HTMLArea._colorToRgb = function (v)
hex (d)
._popupDialog = function (url, action, init)
.imgURL = function (file, plugin)
.popupURL = function (file)
HTMLArea.getElementById = function (tag, id)
======================================================================
Functions in sorted order:
-------------------------
._comboSelected = function (el, txt)
._createLink = function (link)
._createRange = function (sel)
._createStatusBar = function ()
._createToolbar = function ()
newLine ()
setButtonStatus (id, newval)
createSelect (txt)
createButton (txt)
._editorEvent = function (ev)
._getSelection = function ()
._insertImage = function (image)
._insertTable = function ()
._popupDialog = function (url, action, init)
._undoTakeSnapshot = function ()
._wordClean = function ()
showStats ()
clearClass (node)
clearStyle (node)
stripTag (el)
checkEmpty (el)
parseTree (root)
.convertNode = function (el, newTagName)
.debugTree = function ()
debug (indent, str)
_dt (root, level)
.dom_checkBackspace = function ()
.dom_checkInsertP = function ()
.execCommand = function (cmdID, UI, param)
.focusEditor = function ()
.forceRedraw = function ()
.generate = function ()
f.onsubmit = function ()
f.onreset = function ()
window.onunload = function ()
initIframe ()
(event)
.getAllAncestors = function ()
.getHTML = function ()
.getInnerHTML = function ()
.getParentElement = function ()
.getSelectedHTML = function ()
.hasSelectedText = function ()
.ie_checkBackspace = function ()
.imgURL = function (file, plugin)
.insertHTML = function (html)
.insertNodeAtSelection = function (toBeInserted)
.popupURL = function (file)
.redo = function ()
.registerPlugin = function ()
.registerPlugin2 = function (plugin, args)
.selectNodeContents = function (node, pos)
.setDoctype = function (doctype)
.setFullHTML = function (html)
.setHTML = function (html)
.setMode = function (mode)
.stripBaseURL = function (string)
.surroundHTML = function (startTag, endTag)
.undo = function ()
.updateToolbar = function (noStatus)
a.onclick = function ()
a.oncontextmenu = function ()
_CONFIG.hideSomeButtons = function (remove)
_CONFIG.registerButton = function (id, tooltip, image, textMode, action, context)
_CONFIG.registerDropdown = function (object)
_STRING.trim = function ()
HTMLArea (textarea, config)
HTMLArea._addClass = function (el, className)
HTMLArea._addEvent = function (el, evname, func)
HTMLArea._addEvents = function (el, evs, func)
HTMLArea._colorToRgb = function (v)
hex (d)
HTMLArea._hasClass = function (el, className)
HTMLArea._makeColor = function (v)
HTMLArea._removeClass = function (el, className)
HTMLArea._removeEvent = function (el, evname, func)
HTMLArea._removeEvents = function (el, evs, func)
HTMLArea._stopEvent = function (ev)
HTMLArea.checkSupportedBrowser = function ()
HTMLArea.cloneObject = function (obj)
HTMLArea.Config = function ()
cut_copy_paste (e, cmd, obj)
HTMLArea.getElementById = function (tag, id)
HTMLArea.getHTML = function (root, outputRoot, editor)
HTMLArea.getHTMLWrapper = function (root, outputRoot, editor)
HTMLArea.getInnerText = function (el)
HTMLArea.getPluginDir = function (pluginName)
HTMLArea.htmlEncode = function (str)
HTMLArea.init = function ()
loadNextScript ()
HTMLArea.isBlockElement = function (el)
HTMLArea.loadPlugin = function (pluginName)
(str, l1, l2, l3)
HTMLArea.loadScript = function (url, plugin)
HTMLArea.loadStyle = function (style, plugin)
HTMLArea.needsClosingTag = function (el)
HTMLArea.onload = function ()
HTMLArea.replace = function (id, config)
HTMLArea.replaceAll = function (config)
========================================
-end-
thank you that worked!
Thanks James!
I was asking from the toolbar. Is it posslbe to replace "1" with "editor" to pass the editor name?
like:
[ function(editor) { preview(editor); }, // action
?
Will
What function would I use to execute "javascript:preview(1)" from a button?
Thanks
It was working a few weeks back.
How can I move the insert file icon to where I want it?
It appears that background text color is not working in FF on the nightly example or the version im using (probably a week old). I had some other people test this, can anyone confirm?
Will
Is there a way to control the iframe outside of htmlarea.js ?
tahts what I get for designing at 4am. thanks guys! whipping this editor into shape now...
I agree, actually I was thinking for delete row and delete column to do something like
row: ==X==
||
column: X
||
with a red X in the middle of a row/column
No effect. Im pretty certain I may have to have the CSS plugin on or use some special function to change the display, just not sure what.
Hey gang,
I've got a custom button "codebox", when I click on it it assigns using editor.surroundHTML('<div class="codebox">', '</div>');
I have altered my htmlarea.css to include:
div.codebox{
background : #CDE1EE;
border: 1px solid #6C87B0;
color: #385a72;
height: 250px;
overflow: auto;
padding: 0 0 0 5px;
width: 95%;
}
But the background doesnt show in the editor. I know the CSS plugin must do this, but I want the function in a button. I know it must be something simple but I cant find it in the notes. How do I make it show?
Thanks
Adam, that was it, thanks!
I want the editor to be larger then the content area for two reasons. 1. to fit all the icons on less rows, 2. if i set the editor width then I have to worry about the scroll bar, which I couldnt seem to get the same width on ie and ff, so the content ended up not being exactly at the width of the editor...
Is it not possible to control the content area seperately?
Thanks
I need my button menu bar to be 650px, but I need the content inside the editor to be 585px because that is the exact width it will end up on and our users will be submitting images and tables where its important to have formatting precise.
Is there a way to achieve this? Ideally with a border around the edge so users can see the widths.
Thanks for all the help here guys! ![]()
Will
------- my xinha wishlist ------
1. ie paragraphs fixed
2. search/replace in source mode
3. div drop downs for dialogs instead of popup windows
Does anyone know the best way to move the insert table into the bar with the tableOperations plugin buttons? It makes more sense to put it there, but it seems the plugin uses a different function to build it:
// register the toolbar buttons provided by this plugin
var toolbar = ["linebreak"];
for (var i = 0; i < bl.length; ++i) {
var btn = bl[i];
if (!btn) {
toolbar.push("separator");
} else {
var id = "TO-" + btn[0];
cfg.registerButton(id, tt[id], editor.imgURL(btn[0] + ".gif", "TableOperations"), false,
function(editor, id) {
// dispatch button press event
self.buttonPress(editor, id);
}, btn[1]);
toolbar.push(id);
}
}
willeffects wrote:in the meantime is it possible to display a message above the "Path" status area if you are in ie, that says: "Use Shift+Enter for one line breaks" ?
How do the rest of you handle this? Its very frustrating for me, I can't imagine when we try to let our users on it...
Will
Yea, EnterParagraphs and the whole <p> vs. <br> thing is a real pain. I'm swamped with work at the moment but the next thing on my TODO list is to implement the design gogo and I came up with in where both IE and FF go through EnterParagraphs and we use style sheets for <p> tags to get the correct behavior in all cases.
For my customers, who are using Xinha, this issue has become priority #1.
Hopefully, I'll be able to start on that work next week as part of my upcoming Unified-Backend branch of Xinha.
What is wrong with just making line breaks <br>'s ? Wouldnt that be a quick fix?
in the meantime is it possible to display a message above the "Path" status area if you are in ie, that says: "Use Shift+Enter for one line breaks" ?
How do the rest of you handle this? Its very frustrating for me, I can't imagine when we try to let our users on it...
Will
Im noticing this only stops the double spacing on FF not in IE, do you know that to be the case as well?
thanks for the quick replies guys.
I am trying to change the height and width of the buttons. When I use:
height : 20px;
width : 20px;
in my
.htmlarea .toolbar .button {} class it only seems to work in firefox, not IE. Anyone know the proper cross browser code?
Thanks
1. It says:
/** CUSTOMIZING THE TOOLBAR
* -------------------------
*
* It is recommended that you customize the toolbar contents in an
* external file (i.e. the one calling HTMLArea) and leave this one
* unchanged. That's because when we (InteractiveTools.com) release a
* new official version, it's less likely that you will have problems
* upgrading HTMLArea.
*/
Does that mean you should actually remove the "this.toolbar =" contents from htmlarea.js? If you do that where/how do you get xinha to read the new customized file?
-- I would think this stuff should be broken out into a skin system shouldnt it?
2. Where do I control the color/css for xinha?
Thanks,
Will