TOGOUTECH

javascript - 如何在 summernote 中设置字体大小？

coder 2024-12-09 原文

我一直在使用 summernote 作为我的默认文本编辑器，但在初始化时我无法默认设置特定的字体大小。

到目前为止我已经尝试过了

$('.active-textcontainer').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']]
        ],
         height:150,
         fontsize:'18px'
    });

和

$('.active-textcontainer').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']]
        ],
         height:150,
         fontsize:'18'
    });

Ant 帮助将不胜感激。

最佳答案

我从来没有用过summernote , 但是看着 API没有任何东西(至少现在)可以指定默认字体大小，我做了一个测试，像你一样做了一些尝试，但似乎没有人工作。

一个可能的解决方案是直接应用 font-size给编辑的风格div使用 jQuery因为当你初始化 summernote在对象中始终创建以下 div : <div class="note-editable" ...>...</div> .所以你可以在初始化后执行以下操作 $('.note-editable').css('font-size','18px');在您的代码中，这可能是:

$('.active-textcontainer').summernote({
    toolbar: [
        ['style', ['bold', 'italic', 'underline']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']]
    ],
     height:150
});

$('.note-editable').css('font-size','18px');

如果class，这个解决方案有点棘手div 的名称下一个版本的编辑器更改这将不起作用，但对于您的情况来说可能就足够了。

希望对您有所帮助，

关于javascript - 如何在 summernote 中设置字体大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27011485/

中设何在39codesummernotejavascript

有关javascript - 如何在 summernote 中设置字体大小？的更多相关文章

  1. javascript - "Direct Response with Node.js"- 使用不同的 Node.js 进程发送 HTTP 响应(不同于主进程) - 2

    使用Node.js服务器，我想知道是否可以并建议从委托(delegate)工作进程而不是主进程发送HTTP响应。这些工作进程本身可以是Node.js服务器，或者只是通过IPC进行通信的Node.js子进程。我不认为集群核心模块https://nodejs.org/api/cluster.html可以做我想做的事，因为在那个模型中，所有的worker都在同一个端口上监听，他们代表主进程处理所有请求。我正在寻找的是一个主要的Node.js进程，它响应所有HTTP请求，可能进行身份验证和处理一些请求，但也能够将数据密集型或CPU密集型请求委托(delegate)给工作池。假设我们有一个获取大

  2. javascript - 如何使用 ng-table 进行服务器端分页？ - 2

    我的代码是$scope.loadQuestions=function(){$scope.questionCount=0;$scope.questionTable=newNgTableParams({count:[]},{total:19387,getData:function($defer,params){$scope.filter.sort=params.orderBy();$scope.filter.page=params.page();return$http.get("/api/questions",{params:$scope.filter}).then(function(re

  3. javascript - 获取所有已声明模块导入的列表 (SystemJS) - 2

    我正在使用jspm和SystemJS导入ES2015模块。是否可以通过System对象或其他任何地方获取项目中所有导入模块的列表？我可以通过System._loader.moduleRecords访问我的项目特定模块，但是我通过jspm安装的模块(例如，d3、jquery)不会出现在这个列表中。System._loader.modules包含所有模块的列表，但遗憾的是还包含转译我的代码和模块加载包所需的模块列表。System._loader.moduleRecords(项目模块)System._loader.modules(项目模块、库、转译包)我只想要一个已声明导入的列表，特别是那些

  4. javascript - Chrome 扩展的 Manifest.json 中的自定义值？ - 2

    是否允许将自定义值保存在Chrome扩展的manifest.json中？因为是json，所以我想在manifest.json中保存一些信息，特别是因为ChromeAPI可以用于Opera，我需要一些区分数据。如果manifest.json中有任何自定义数据，Chrome商店会提示吗？ 最佳答案 不，不允许在Chrome扩展manifest.json文件中使用自定义值。您可以引用下面给出的链接。@约翰https://developer.chrome.com/extensions/manifest您只能在manifest.json中使用

  5. javascript转到带有unicode字符的url - 2

    我有一个包含这些url的数组:["path/to/url1","path/to/url2","path/url/unicóde.txt"]我正在使用angular，通过ng-repeat我创建了一个可点击的列表，该列表执行重定向到所需的url，但是，当我点击unicodeurl时，浏览器无法找到它。我尝试使用encodeURI("path/url/unicóde")，但它检索到的是:path/url/unic%C3%B3de.txt未找到。相反，当我手动访问时:path/url/unicóde.txt(这是在ftp中，因此，我逐个文件夹直到到达文件)浏览器中的url现在说:path/u

  6. javascript - 为什么我的 Ice Candidate 请求触发了 6 次而不是 1 次？ - 2

    我正在使用WebRTC编写我的第一个点对点连接应用程序，我通过socket.io连接发送的用于从对等点请求icecandidate的代码触发了6次而不是一次。这真的很令人困惑，因为如果我错误地设计了一个大请求循环，我会期望无限递归，而不仅仅是6(8个onicecandidate事件)。那么谁能告诉我为什么下面的代码会产生6个递归？这里是消息处理程序，它只是发送一条由语法控制的socket.io消息:Muveoo.Messenger.input('icecandidaterequest',data);'icecandidaterequest':function(data){console

  7. javascript - 如何从 asar 存档提供静态文件 - 2

    我正在尝试构建一个带有服务器组件的Electron应用程序，使用express进行远程控制。express模块初始化为varstaticPath=path.resolve('app/assets')setupNotifications(server);app.use(cors());app.use('/api/',json());app.use('/api/',router);app.use('/assets',express.static(staticPath));console.log('servingstaticfilesfrom:'+staticPath);Elecrondoc

  8. javascript - 如何使用 Node js 和 babel 保留正确的行号 - 2

    我有以下设置并且我的错误/堆栈跟踪有问题我是否遗漏了什么？package.json看起来像:{"name":"xxxxxx","main":"server.js","private":true,"scripts":{"start":"nodemon--exec./node_modules/.bin/babel-nodeserver.js"},"dependencies":{"babel":"^6.5.2","babel-cli":"^6.6.5","babel-preset-es2015":"^6.6.0","babel-preset-react":"^6.5.0","babel-pr

  9. javascript - 已知的 JavaScript 指令 - 2

    ECMAScript规范定义了UseStrictDirective，但允许实现定义自己的指令。来自here:ImplementationsmaydefineimplementationspecificmeaningsforExpressionStatementproductionswhicharenotaUseStrictDirectiveandwhichoccurinaDirectivePrologue.什么是已知的特定于实现的指令？在Google上快速搜索一下，除了usestrict什么也没有。我能想到useasm和usestrong.还有其他的在用吗？

  10. javascript - 谷歌浏览器导航器在线始终为真 - 2

    基于mozilla开发者网络https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine它说Returnstheonlinestatusofthebrowser.Thepropertyreturnsabooleanvalue,withtruemeaningonlineandfalsemeaningoffline.Thepropertysendsupdateswheneverthebrowser'sabilitytoconnecttothenetworkchanges.Theupdateoccurswhen

随机推荐