在网页中如何通过JavaScript弹出windows标准的字体对话框？

大可山人

博客专家认证

2004-01-10 02:30:45

在线编辑器中使用的。

...全文

225 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

大可山人 2004-01-29

打赏
举报

没人能回答了？

大可山人 2004-01-15

打赏
举报

大可山人 2004-01-13

打赏
举报

这个我知道，但那不是弹出客户端字体对话框。因为客户端安装了什么字体是需要一定的程序或组件处理的。

Napoleo 2004-01-13

打赏
举报

IE已经内建相关函数,呵呵

showModalDialog Method

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/showmodaldialog.asp?frame=true

大可山人 2004-01-12

打赏
举报

super76 2004-01-11

打赏
举报

大可山人 2004-01-11

打赏
举报

----续上贴------------FreeTextBoxeditor.htc-----------
<public:component lightweight="true">
<public:property name="Height" value="250px"/>
<public:property name="Width" value="450px"/>
<public:method name="blockFormat"/>
<public:method name="execCmd"/>
<public:attach event="ondocumentready" onevent="init()"/>
</public:component>

<script language= "JScript">

function execCmd(cmd,pmt,opt) {
try {
element.editor.ExecCommand(cmd,pmt,opt);
element.editor.focus();
}catch(e){}
}
function registerControl(sName,aControl,cmd,bAllowedInTextEdit) {
try {
aControl[aControl.length] = new control(eval(sName), cmd, bAllowedInTextEdit);
}catch(e){ }
}

function control(el,cmd,inText) {
this.el = el;
this.cmd = cmd;
this.inText = inText;
}

function getBooleanValue(b){
return (b == "true" || b == "1");
}

// keyboard trap to handle single spacing
function keyPressed() {
objDOM = element.editor.DOM;
oEvent = objDOM.parentWindow.event;
if (objDOM.selection.type == "Control" || oEvent.keyCode != 13) return;
var rng = objDOM.selection.createRange();
var el = rng.parentElement();
while (el.tagName != "BODY" && el.tagName != "LI") {
el = el.parentElement;
}
if (oEvent.keyCode == 13 && el.tagName == "LI") {
return;
} else if (oEvent.keyCode == 13 && !oEvent.altKey && !oEvent.ctrlKey && !oEvent.shiftKey) {
rng.pasteHTML(rng.htmlText + "<br />");
rng.select();
oEvent.returnValue = false;
} else if (oEvent.keyCode == 13 && oEvent.shiftKey) {
rng.pasteHTML("<p>" + rng.htmlText + "</p>");
rng.select();
oEvent.returnValue = false;
}
}

function loadControls(){
tbControls = new Array(); // This array holds all the controls of FreeTextBoxEditor
tbControls[0] = new Array(); // This array contains select controls
registerControl("element.form.btnFont" + element.Field,tbControls[0],5044,0);
}

function init(){
element.PageEdit = getBooleanValue(element.PageEdit);
var tempHTML = '<object id="' + element.Field + 'control" style="z-index:1;width:' + element.Width + ';height:' + element.Height + ';" CLASSID="clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A" VIEWASTEXT><param name="AbsoluteDropMode" value="0"><param name="ActivateApplets" value="0"><param name="ActivateActiveXControls" value="-1"><param name="ActivateDTCs" value="-1"><param name="ShowDetails" value="0"><param name="ShowBorders" value="0"><param name="Appearance" value="1"><param name="Scrollbars" value="-1"><param name="ScrollbarAppearance" value="1"><param name="SourceCodePreservation" value="-1"><param name="SnapToGrid" value="0"><param name="SnapToGridX" value="50"><param name="SnapToGridY" value="50"><param name="UseDivOnCarriageReturn" VALUE="1"></object>';

if (! element.innerHTML.length > 0)
element.innerHTML = tempHTML;
element.editor = eval("window.document.all." + element.Field + "control");
element.form = eval("window.document." + element.form);
window.attachEvent("onload", loadControls);
if (element.SingleSpaced) {
element.editor.attachEvent("onkeypress", keyPressed);
}
}
</script>
<public:component lightweight="true">
<public:property name="type" value="button" />
<public:property name="isActive" get="r_isActive" put="set_isActive" />
<public:property name="action" value="" />
<public:attach event="onclick" onevent="mClick()" />
</public:component>

<script language="JScript">
var _toolbar = eval(this.parentElement.parentElement.parentElement.parentElement.parentElement);
var _isActive = true;
function mClick() {
try {
_toolbar.buttonClicked(this);
} catch(e) {}
}
function r_isActive() {
return _isActive;
}

function set_isActive(bSet) {
try {
_isActive = eval(bSet);
if (_isActive) {
_toolbar.buttonEnable(this);
}
else {
_toolbar.buttonDisable(this);
}
} catch(e){}
}
</script>
<public:component lightweight="true">
<public:property name="onReady" value="" />
<public:method name="buttonClicked"/>
<public:attach event="oncontentready" onevent="init();"/>
</public:component>
<script language="JScript">
function buttonClicked(el) {
if (el.isActive)
eval(el.action);
}
function getBooleanValue(b){
return (b == "true" || b == "1");
}
</script>

已能在Web中弹出字体对话框，并能正常运行，但是如何将它集成到FreeTextBox在线编辑器中呢？

大可山人 2004-01-11

打赏
举报

已解决，但有问题：如何将它集成到FreeTextBox在线编辑器中呢？
--------------Test.htm-------------------
<?xml:namespace prefix="FreeTextBox" />
<style>
FreeTextBox\:editor,FreeTextBox\:toolbar,FreeTextBox\:toolbar .FreeTextBoxbutton {behavior: url(FreeTextBoxEditor.htc);}
FreeTextBox\:toolbar {
display:inline-block;
cursor: default;
}
</style>
<HTML>
<HEAD>
<title>FreeTextBoxEditor Pro 2.5 :: Example One</title>
<link href="styles/styles.css" rel="stylesheet" type="text/css">
</HEAD>
<body>
<div id="content">
<form id="example" name="example" method="post" action="results.aspx">
<input type="hidden" name="Content" value="">
<table id="ContentTable" cellspacing="0"
style="width:100%;height:250px;background:#D4D0C8;border:1 outset #D4D0C8;">
<tr>
<td colspan="2">
<FreeTextBox:toolbar id="FreeTextBoxtb_format" style="width:1px;">
<span id="FreeTextBoxToolbar">
<table cellspacing="0"></tr>
<td nowrap="true" class="FreeTextBoxbutton" title="font properties" id="btnFontCtrlContent"
action="FreeTextBoxEditorContent.execCmd(5009);">
<img align="absmiddle" src="font.gif" width="16" height="15"/></td>
</tr></table>
</span>
</FreeTextBox:toolbar>
</td>
</tr>
<tr>
<td colspan="2" height="250px">
<FreeTextBox:editor id="FreeTextBoxEditorContent"
pageedit="true"
field="Content" height="100%" width="100%"/>
</td>
</tr>
</table>
</form>
</div>
</body>
</HTML>

--------续见下贴----------

大可山人 2004-01-11

打赏
举报

另外：
上面代码如果直接使用C:\FTB\test.htm访问就一点问题没有，但如果使用本地网站路径访问就报错，错误提示：无法显示 XML 页。
使用样式表无法查看 XML 输入。请更正错误然后单击刷新按钮，或以后重试。

--------------------------------------------------------------------------------

处理指令未关闭。处理资源 'http://new/FTB/test.htm' 时出错。第 1 行，位置: 17

<?xml:namespace prefix="FreeTextBox"/>
----------------^

如何改正这个错误呀？

大可山人 2004-01-11

打赏
举报

关于下拉菜单选择字体的问题我已解决，但现在需要的是弹出字体对话框窗口，因为有不同的用途。（这两者是有区别的，主要区别在于windows标准字体对话框可以同时选择字体、字形及大小、还有颜色等，还有一个重要功能是能返回当前所选区域的已用字体及字形等，比较有专业水准。）

冷月孤峰 2004-01-11

打赏
举报

up/

孟子E章 2004-01-11

打赏
举报

原来应该是写死的。你用基本生成一个select即可。名字不变

孟子E章 2004-01-11

打赏
举报

你找源代码里面的字体select的位置，替换

大可山人 2004-01-11

打赏
举报

FreeTextBox是开放源代码：http://www.freetextbox.com或http://www.revjon.com/ftb/

孟子E章 2004-01-11

打赏
举报

FreeTextBox是你写的吗？如果不是就很难了，你没有办法修改别人的源代码啊

xueqs 2004-01-10

打赏
举报

大可山人 2004-01-10

打赏
举报

楼上：
你指的是“在线编辑器”吧。我已有，并且比孟子的那两个编辑器都漂亮，功能强大很多倍。
1、可打开原有网页，另存/新建网页；
2、编辑器内的查找、替换功能；
3、除可自定义字体外（中英文字体），还可直接调用客户端的所有已安装字体。
4、完善的颜色选择功能，除支持默认WEB颜色外，可自定其他颜色。
5、已知多媒体插入支持（如Flash, ram, rm, RealPlay, asf等）。
6、图片处理方面：
(1)支持上传图片自动生成缩略图(可自定尺寸大小),解决打开图片库选图速度慢的问题。
(2)插入网页中图片当超过一定尺寸时，可按需要定义图片大小，并作新开窗口打开图片的链接，以方便网友浏览大图。
(3)非本地服务器图片自动下载，并保存到本地服务器指定目录（文件名也可定制），同时将网站图片指向本地服务器上的新文件名。
（4）支持其他指定文件的自动下载（如ZIP、RAR、MP3等）。
7、完善的表格编辑功能（可插入、删除、修改、合并、拆分等），可编辑表格背景色、表格线等，并有预览功能，满意后插入/修改。表格线的加上与去除支持。
8、插入WORD/EXCEL等,WORD冗余代码去除,网页减肥，去除危险代码。
9、支持相对位置与绝对位置的排版（可自由移动相关元素进行排版）。
10、支持记事本格式，即留下所有文字，其他格式全部去除。
11、支持UBB，将UBBCODE转正常代码。
12、支持去除多余空格、空行、全角/半角转换、大写/小写字母转换。
13、上/下移层，拖动层，支持放大、缩小查看（Zoom功能）。
14、自定义CSS样式，保证全站样式统一。
15、800余种特殊符号插入;
16、支持预览功能，保证真正所见即所得。
17、下载任意网址的代码，可同时进行繁简转换，然后修改。
18、已实现修改/插入文件头。一般在线编辑器只能做到修改<body>代码以后的部分，不能对<head><title><meta><style><base href=''>等部分进行修改。
--------------------------------------------------------
但我想问的问题是：在WEB方式弹出颜色字体对话框。
是可以的，我曾经在哪里见过，不过是国外的，现在不记得网址了。