如何在Froala编辑器上设置默认字体大小？
在Froala编辑器上设置默认字体大小可以通过以下步骤实现：
- 首先，确保你已经将Froala编辑器集成到你的项目中，并且可以正常使用。
- 打开你的HTML文件，找到Froala编辑器的初始化代码。
- 在初始化代码中，找到
fontFamilySelection选项，该选项用于设置字体选择器。在该选项中，你可以设置默认的字体大小。 - 例如，你可以将
fontFamilySelection选项设置为["default", "Arial", "Verdana", "Tahoma"]，其中"default"表示默认字体大小。 - 例如，你可以将
fontFamilySelection选项设置为["default", "Arial", "Verdana", "Tahoma"]，其中"default"表示默认字体大小。 - 保存文件并重新加载页面，你会发现Froala编辑器的字体选择器中默认的字体大小已经被设置为你指定的值。
Froala编辑器是一款功能强大的富文本编辑器，适用于各种Web应用程序。它提供了丰富的功能和可定制的选项，使开发人员能够轻松地创建和编辑富文本内容。
推荐的腾讯云相关产品：腾讯云COS（对象存储服务），它是一种高可用、高可靠、低成本的云存储服务，适用于存储和处理各种类型的文件和数据。你可以使用腾讯云COS来存储和管理Froala编辑器中的图片、视频等富媒体内容。
了解更多关于腾讯云COS的信息，请访问：腾讯云COS产品介绍
请注意，本答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商。
相关·内容
4回答
实际上，我想在我的编辑器的eclipse中增加字体大小，但是我在stackoverflow ，上找到了这两篇文章。
首先，一些好的答案是，后藤
General → Appearance → Colors and Fonts → Java Editor text font
但我不想只增加java编辑器的字体大小，而是增加eack和每个编辑器的字体大小。
有人能告诉我如何为每一个编辑做这件事吗？
浏览 1提问于2014-01-03得票数 2
回答已采纳
我正在将Froala集成到我的.net项目中。在定义内部Css的地方，我几乎没有模板。我如何允许Froala WYSIWYG允许使用内部css，现在它只是忽略内部css定义。是否有任何可用的插件，我错过了，以允许内部css。
浏览 0提问于2018-03-15得票数 0
回答已采纳
1回答
如何为CKEditor指定默认字体大小。我试图更改contents.css (body ->字体大小)，而我尝试更改config.js (config.fontSize_defaultLabel)，但没有成功。有人知道我该去哪找吗？
浏览 5提问于2010-07-13得票数 1
4回答
我已经在我的HTML页面上集成了froala编辑器。我需要用div属性获取我在中编写的数据。
下面是我的代码：
html
<button>
click
</button>
<div id="froala-editor-br">
The editor can use <code>BR</code> tags. When ENTER key is hit, a <code>BR</code> tag is inserted.
</div>
js代码
$('div#fro
浏览 2提问于2018-03-20得票数 2
回答已采纳
1回答
我使用Froala制作HTML文件，并将其存储在服务器上。我使用的是Angular 1的Froala模块。
当我添加一个页面时，我有一个清除Froala编辑器的按钮，但当我点击它时，所有的图像都被删除了，因为Froala运行事件froalaEditor.image.removed。
所以我想知道当我点击清理按钮来清理Froala编辑器的文本区时，是否有人知道如何阻止这个事件？
浏览 1提问于2017-04-19得票数 0
我已经在我的Angular 2应用程序中添加了Froala编辑器，它可以工作，我只是找不到如何自定义工具栏，以显示我想要的按钮(粗体，斜体，下划线等)，有什么帮助吗？
浏览 0提问于2017-06-13得票数 5
2回答
带froala的外部CSS
、、、、
我正在尝试使用froala编辑器来呈现我的一些HTML模板。这些模板在样式标签中定义了样式(如下所示)。我观察到，当我在froala编辑器上(以非iframe方式)呈现我的模板时，这些样式/类没有任何不同。
我试着寻找各种配置选项，但在这里找不到任何对我有帮助的选项。
有没有办法将外部CSS链接传递给froala实例，并将相同的样式应用于froala中的内容？
例如，当在froala上加载这个模板时，没有pinkText类的影响：
<html>
<head>
<title>test asset</title>
<style ty
浏览 1提问于2018-07-03得票数 0
froala文档指出，froalaEditor.image.uploaded事件是在成功的图像上传请求之后，但在编辑器中插入图像之前触发的。https://www.froala.com/wysiwyg-editor/docs/events#image.uploaded 但是，正如您从我的jsfiddle中看到的，该事件没有被触发。 https://jsfiddle.net/kzr67tdw/1/ html <div id="froala-editor">
<p>Click on the image below to see the custom
浏览 46提问于2019-01-30得票数 0
我已经成功地实现了Froala到角使用RequireJS，但有两个问题。
如果我想添加另一个froala插件(假设url输入)，它将返回一个错误
未定义的ReferenceError:模块
无法得到它，如果主插件froala不返回任何错误，为什么froala插件返回，因为编码是相同的？
main.js
/*jshint unused: vars */
require.config({
paths: {
angular: '../../bower_components/angular/angular',
'angular-animate&#
浏览 3提问于2015-11-25得票数 0
我使用Froala编辑器内的一个弹出式6角应用程序。应该禁用特性insertImage (不可见)。弗洛拉迪夫看起来是这样的：
<div id="froala-editor" [froalaEditor]="froalaOptions" (froalaInit)="initFroala($event)">Hello, Froala!</div>
在我设置的js (类型记录)上(没有insertImage)：
public initFroala(froala) {
$('#froala-editor&
浏览 0提问于2018-07-17得票数 1
我使用的是tiny mce 3.5.8 .i已经在微型mce编辑器中使用ed.execCommand("fontSize"，true，" 14px ");.But在渲染字体大小为12px的文本时设置默认字体大小为14px。
浏览 7提问于2015-12-18得票数 0
我想知道如何增加命令窗口的文本。
我想通了legend
legend('{\fontsize{10} Low }', '{\fontsize{10} Medium }', '{\fontsize{10} High }')
我试着做同样的事情，但是使用了command、command_window和其他变体。我尝试右击octrave gui的快捷键，并将字体设置为更大。我使用的是Windows 8。
浏览 6提问于2015-04-05得票数 8
回答已采纳
1回答
段落标记在模糊事件后关闭。
、、、、
我在桌面应用程序内部的Web视图中使用Froala编辑器。我有一个自定义标签列表，当用户按编辑器外的按钮时，我需要附加到Froala的文本中。为了这个，我打电话来
$('#froala_editor').froalaEditor('html.insert', 'my text', false);
问题是:当编辑器丢失focus(blur) (之后或之前)时，它将关闭<p>标记，因此，无论我在后面插入什么，都会转到新行。是否有办法防止Froala在<p>事件上复制blur()标记？
我不想使用自定义工具栏按钮。提前谢谢。
应
浏览 1提问于2018-09-28得票数 1
我在弗洛拉项目中使用过。textarea元素位于要发送到服务器的表单中。我将任何文本添加到Froala并单击submit表单按钮。但是服务器上的textarea字段为空(NULL)。我认为在向服务器提交表单之前，我需要调用Froala方法来准备textarea，但我不知道是哪个。
有什么问题吗？
视图
@using (Html.BeginForm("UpdatePost", "Post", FormMethod.Post, new { id = "postForm" }))
{
<textarea id="PreviewTe
浏览 2提问于2017-09-13得票数 0
我刚买了一台相当大的显示器，在编辑器上阅读文本时遇到了很多问题。我尝试用通常的方法增加字体大小，方法是转到
Tools >> Options >> Fonts & Colors >>单击"...“按钮，然后选择较大的字体大小( >>
这是结果：(单击查看完整大小)
如您所见，光标变大了很多，但字体大小保持不变。有没有人知道另一种有效增加NetBeans字体大小的方法？
浏览 0提问于2010-07-06得票数 112
我正在尝试使用PyCharm的Jupyter集成来编写Python教程，我将在现场研讨会上使用这些教程。但是，我不能更改iPython输出字体。关于如何做到这一点，有什么建议吗？
我想要更改这些字体大小：
浏览 1提问于2017-04-19得票数 12
我希望增加由RNotebook生成的图像的高度。当我使用fig.height块选项时，它只会减少字体大小和标记大小，但是图片保持不变。例如：
下面是fig.height=3的结果
我将如何改变输出的高度？
浏览 1提问于2020-05-11得票数 0
回答已采纳
Help->Find Action->Increase Font只在一个编辑器中增加字体大小。
我想这么做--但全球范围内。
只需选择这样的“使用自定义字体”..。
..。设置项目面板中的字体大小，而不是编辑器。
浏览 0提问于2018-12-23得票数 5
回答已采纳
在我最后一次更新并重新启动ubuntu之后，将字体大小更改为非常小的字体！怎么才能让它恢复正常呢？
📷
正如你在红色上面看到的，它很小
浏览 0提问于2014-07-21得票数 15
回答已采纳
我从froala编辑器(角io)将图片上传到S3，现在我想将该链接存储在变量中。我怎么能这么做？以下是我如何尝试
export class WriterComponent implements OnInit {
imageLink:string;
constructor() { }
ngOnInit() {
this._usersService.getS3Hash().subscribe(resp=>{
this.options['imageUploadToS3'] = resp;
});
}
publi
浏览 0提问于2018-05-03得票数 0
目前，我很难理解，当单击工具栏按钮时，哪一种方式最好不要将焦点放在Froala编辑器上？
我试图通过事件访问编辑器，但我无法让它工作，我不确定这是正确的选择。
new FroalaEditor(".froala_editor", {
events: {
'toolbar.focusEditor': function () {
alert("hello")
console.log(this);
}
}
});
我们有editor
浏览 0提问于2019-12-29得票数 1
2回答
我想在我的React组件中获得Froala编辑器的实例。
官方的Froala文档没有解释如何在React中这样做，只解释了jQuery。
浏览 8提问于2020-08-25得票数 0
回答已采纳
有没有一种简单的方法来强制Froala使用内联样式而不是类来对齐图像？
换句话说，当froala对齐一个图像时，html输出变成
<img src="..." class="fr-dii fr-fil">
但我需要的是
<img src="..." style="float: left;">
浏览 4提问于2016-02-12得票数 1
我正在建立一个网站使用Ruby on Rails与rails_admin的管理界面gem。
我目前正在尝试使用wysiwyg-rails gem在我的管理界面中实现wysiwyg编辑器。
我跟踪了。我为javascript创建了app/assets/javascripts/rails_admin/custom/ui.js，为样式创建了app/assets/stylesheets/rails_admin/custom/theming.scss
但是，这仍然对我的管理界面没有影响，我不知道将以下代码添加到哪里，因为当我将其添加到config/initializers/rails_admin.rb时
浏览 9提问于2018-01-14得票数 2
当字体大小改变时，调整控件大小的正确模式是什么？
例如，我使用WPF设计器创建了一个窗体，并从工具箱中放置了UI元素。在游戏后期，我得到了每个UI元素的字体大小都需要可配置的要求，所以现在我想，当字体大小发生变化时，必须有更好的方法来调整控件的大小。现在，我在计算边际属性的背后做了很多代码。
浏览 4提问于2011-04-30得票数 1
回答已采纳
我在CKEditor 4中使用了以下代码来设置默认字体和字体大小：
config.font_defaultLabel = 'Tahoma';
config.fontSize_defaultLabel = '24px';
但上面的代码在Mozilla Firefox上不起作用。
浏览 4提问于2018-06-16得票数 3
有没有人遇到过这样的问题:你可以在编辑器->字体大小中改变字体大小，但它不会改变任何东西？我甚至可以设置50，但没有任何效果。我试图重启etc，但它没有帮助。
浏览 15提问于2017-07-04得票数 3
我已经实现了froala编辑器，并在动态中创建了froala id，因为need.This工作得很好，但我想在这个编辑器中禁用表情符号。
$('#froala'+key).froalaEditor({
imageUploadParam: 'image_upload',
imageUploadURL: EnvironmentConfig[env].DESCRIPTION_IMAGE_URL+'froala/setimage',
imageUploadParams: {
oemCode: oemCod
浏览 12提问于2016-09-22得票数 0
我正在使用froala 2.4.0内联编辑器来实现类似facebook post的功能。我已经在一个div中创建了一个编辑器，如图像below.Now所示，我想让父div可伸缩，即增长/收缩为changes.The编辑器的内容，边框是父div，占位符是editor.Is，有没有办法做到这一点？
这就是我到目前为止得到的：
$(function() {
$('#custom-post-feed-text').froalaEditor({
toolbarInline: true,
charCounterCount: false,
placeho
浏览 12提问于2017-01-23得票数 0
回答已采纳
我正在使用"froala“编辑器添加电子邮件模板到数据库，但"froala”编辑器总是删除一些像这样的html标签
<div [removed]="table-layout:fixed; width: 100%;" class="mailwrapper">
<br>
<table [removed]="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-smooth: always; -webkit-font-s
浏览 1提问于2017-09-21得票数 3
我将dirtyForms添加到表单中，以检测输入字段上的任何更改。
<form>
<input type="text" id="post" name="post">
<input type="hidden" id="body" name="body">
<froala-editor input="body">
</froala-editor>
</form>
Javascript
$
浏览 9提问于2020-11-29得票数 0
我想使用Froala WYSIWYG HTML编辑器与Ext经典应用程序。您能告诉我如何将Froala编辑器添加到我的经典应用程序中吗？
浏览 3提问于2019-10-25得票数 0
回答已采纳
1回答
如何使图像单击Froala编辑器
、、、、
我希望在.click Froala编辑器上获得图像的，以创建自定义函数，为此，我希望获得在Froala编辑器中选择的图像。
我试过几种方法。
1.froalaEditor.click函数：
$('#froala_editor').on('froalaEditor.click', function(e, editor, clickEvent) {
console.log(clickEvent.toElement);
});
2.Custome jQuery函数
$.extend({
IFRAME: function (s) {
浏览 0提问于2018-03-05得票数 2
回答已采纳
当页面第一次初始化时，一切工作正常，当我切换页面，然后返回到Froala编辑器的页面时，在编辑器中书写，表单值不会改变
浏览 0提问于2019-07-26得票数 3
我正试图在froala编辑器中插入一个链接。但是，当我点击链接(如屏幕截图所示的froala)时，我就没有打开/编辑/插入/unlink这样的子菜单选项。我的froala编辑器在div中打开，因为一个模态对话框(引导类) .I在我的文件中包含了link.min.js插件。
我怀疑我们能否在父弹出窗口( div弹出窗口)中打开弹出窗口(从froala打开子菜单选项)？
<div class="modal" id="modalDivAddEvent" tabindex="-1" role="dialog" aria-labell
浏览 2提问于2019-06-03得票数 0
回答已采纳
我一直使用summernote作为我的默认文本编辑器，但我在初始化它时无法默认设置特定的字体大小。
到目前为止我已经试过了
$('.active-textcontainer').summernote({
toolbar: [
['style', ['bold', 'italic', 'underline']],
['fontsize', ['fontsize']],
['color'
浏览 5提问于2014-11-19得票数 6
回答已采纳
希望保留空间，不要让Froala将其转换为
this.html.insert('<a href="/">My New HTML </a>');
目前的结果是：
<a href="/link">My New HTML </a>
样本：
浏览 1提问于2020-11-08得票数 0
回答已采纳
Froala编辑器组件在初始化时有许多可用的设置，包括占位符。
但是，在初始化之后，我必须更改占位符。
我在中看不到任何方法来做到这一点。我试图通过console.logging()在Froala对象上寻找一种方法，但是有一些模糊的地方使得这一点变得不清楚。
我试过：
$("<selector>").froalaEditor.placeholder("new value...");
和
$("<selector>").froalaEditor.({placeholder : "new value..."})
浏览 1提问于2017-09-25得票数 3
回答已采纳
15回答
我使用的是jquery tinymce编辑器。默认字体大小为10。我喜欢更改默认字体大小。我该怎么做呢，
浏览 11提问于2010-12-13得票数 37
回答已采纳
1回答
目前，我正在使用具有角的froala编辑器，并使用AWS S3服务上传文件。
我想在文件上传到S3之前重命名它。所以我使用已经出现在froala中的事件，即'file.beforeUpload‘
我得到的对象是'FileList‘。这样我就不能更改文件名了。
在那个事件中，我无法重命名文件。有人帮忙吗？
浏览 3提问于2020-04-04得票数 2
回答已采纳
2回答
Froala编辑不工作
、、、、
我第一次使用froala编辑器，现在我遇到了问题。在第一页上，froala工作得很好，但是在第二页上，编辑器不起作用。当我点击工具栏按钮时，我已经注意到了。文本长度总是等于零，占位符不隐藏。请帮我解决这个问题。
<script src="/public/bower_components/froala-wysiwyg-editor/js/froala_editor.pkgd.min.js"></script>
和。
$("#page_x2j1").froalaEditor();
浏览 6提问于2017-05-15得票数 1
回答已采纳
复制问题的步骤：
在上打开froala编辑器。
删除编辑器中的所有内容。
插入图像。
向图像添加一个标题。
单击图像外部并尝试键入。
发布：在添加图像标题后，如果写入任何文本，则总是在图像内写入颜色。
视频：
In Froala:
有谁可以帮我？
浏览 0提问于2018-08-27得票数 8
回答已采纳
1回答
我正在做一个博客网站。所以，我安装了froala所见即所得文本编辑器，我得到的问题是froala工具栏在管理中可见，但在模板中不可见。下面是我正在做的事情
我的models.py
from froala_editor.fields import FroalaField
class Cards(models.Model):
desc = FroalaField(theme="dark", null=True,blank=True)
我的forms.py
class CardsForm(forms.ModelForm):
class Meta:
model
浏览 0提问于2017-03-17得票数 0
4回答
如何在Xcode版本3.2.3中增加字体大小
当我转到“编辑”“->格式”“->字体”“->显示字体”并尝试增加字体大小时，没有任何反应。
浏览 0提问于2011-05-31得票数 10
回答已采纳
2回答
完整的Froala wysiwyg编辑器如下所示：
但是在我的项目中添加API之后，缺少了一些工具栏按钮。快照如下所示。
从上面可以看出，我的编辑器中缺少了大多数工具栏按钮，比如- color、段落格式等等。
我已包括下列图书馆：
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href='https://cdnjs.cloudfla
浏览 2提问于2017-10-26得票数 5
回答已采纳
我的项目视图中文件的字体大小感觉很窄，而我的标签中文件名的字体大小似乎很小。
如何更改它们的大小？
我尝试了Appearance -> use custom font，但调整值不起作用--它导致字体太大或太相似。
浏览 4提问于2019-06-20得票数 0
我试图在CSS中建立一个网格区域，我意识到我的标签不会对齐，所以我可以使它成为一个很好的正方形。我想尽一切办法让他们排队。我试过了
制表板宽度
字体大小
字母间距
字体权重
editor.renderWhitespace
不同的字体，如Arial，Ubuntu Regulat，Adobe扇Heiti Std，
editor.fontLigatures
我不知道我怎么能解决这个问题？这是我所说的屏幕截图
请注意字母是如何排列的，它们都是制表符，而不是空格。我尝试过在崇高的文本3中这样做，它是对的，我怎样才能让它在VSCode中排队呢？
浏览 0提问于2018-12-20得票数 1
回答已采纳
我正在使用Froala编辑器。我想上传图像到自己的服务器，如中所描述的响应格式应为{ link: 'path/to/image.jpg' }，但我的服务器返回另一种格式的响应。
有没有可能通过处理一些事件来使用Froala的自定义响应格式？
浏览 0提问于2016-02-10得票数 2
tv.setTextSize(14);
我将TextView字体大小设置为14sp。当我在Nexus One中运行我的应用程序时，字体大小是可以的。但是，当我在Nexus7中运行它时，字体太小了。这是因为Android根据密度来缩放字体大小。Nexus 7的密度比Nexus One低，Android缩小了字体尺寸。如何调整字体大小与屏幕大小成正比？
浏览 1提问于2012-11-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
