我知道之前已经问过这个问题,但答案是过时的(谈论iframe),错误的(不允许改变它),或者令人困惑.
一劳永逸,你如何改变Facebook分享按钮的风格?
将他们的代码粘贴到我的网站中会产生一些丑陋的东西,错误的大小和错误的语言.
我希望它看起来像我网站上的其他按钮,我希望它上面的文字是我应该说的.即使它不是我使用的确切文本,它至少应该使用正确的语言,如Twitter按钮.
浏览Facebook网站上的开发指南,我发现以下引用:
如果您的网站不需要按钮来打开共享对话框或Facebook提供的按钮不适合您的网站设计,则还提供Web共享对话框以共享链接.
但是,Web共享对话框是我读过的最令人困惑的事情.它给出了零实际指导,并伴随着一堆令人困惑的陈述.
"共享"对话框使人们能够将个别故事发布到其时间线,朋友的时间线,组或Messenger上的私人消息中.这不需要Facebook登录或任何扩展权限,因此这是在网络上启用共享的最简单方法.
什么?没有脸书帐户的人可以在时间轴上分享内容吗?他们甚至没有时间表......
使用FB.ui函数和share method参数触发共享对话框以共享链接.
我不知道它是什么,他们不解释它.
这种情况一直在继续,我完全理解什么都没有,我不是一个愚蠢的Wordpress博客.
因为Facebook拒绝,有人可以解释一下如何做到这一点吗?
编辑:我现在已经使用Facebook Javascript SKD,但它要求一个app_id.
他们的页面说的app_id是:
您应用的唯一标识符.需要.
但我不是在制作应用程序.我正在制作一个网页......
我正在使用 Bootstrap 自己的工具提示,这需要一些初始化。有人告诉我这样做:
Template.myTemplate.rendered = function() {
$('.tooltipped').tooltip()
}
Run Code Online (Sandbox Code Playgroud)
然后我可以通过在 Font Awesome 图标上添加类tooltipped和一些data-tags来添加工具提示:
<i class="tooltipped fa fa-square" data-toggle="tooltip" data-placement="top" title="Whatever the tooltip should say"></i>
Run Code Online (Sandbox Code Playgroud)
问题是这些图标在动态添加时会在项目上产生,并且某些原因使工具提示无法处理新项目。需要完全重新加载页面才能使它们工作。
谷歌搜索这个问题,我发现了两个假设的解决方案,但没有一个有效。
第一个解决方案是将初始化代码包装在一个Meteor.defer()函数中,我没有经验,实际上甚至没有出现在官方文档中。
Template.myTemplate.rendered = function() {
Meteor.defer(function() {
$('.tooltipped').tooltip()
})
}
Run Code Online (Sandbox Code Playgroud)
然而,这似乎没有任何作用。
第二个解决方案根本不是真正的解决方案,而只是建议放弃 Bootstrap 的工具提示并安装lookback:tooltips但这根本不是一个非常愉快的体验(复杂且不工作)。
所以我只剩下 Bootstrap 和非反应性。有谁知道如何使它正常工作?
我在Compose.io中创建了一个数据库和一个具有oplog访问权限的用户.
我得到的URI看起来像这样:
mongodb://<user>:<password>@lamppost.11.mongolayer.com:10022,lamppost.10.mongolayer.com:10024/cardmaker?replicaSet=set-<bunchOfDigits>
Run Code Online (Sandbox Code Playgroud)
认识到这一点,我该怎么设定MONGO_URL和MONGO_OPLOG_URL在mup.json?
实际上没有关于此的文档.:(
我们的想法是将一个看起来像这样的对象推送到一个名为likes的数组中:
{
movieId: "VgtyvjVUAjf8ya",
information: {
genre: "Action",
length: "160",
language: "English"
}
}
Run Code Online (Sandbox Code Playgroud)
我以为这样做会:
Meteor.users.update({_id: Meteor.userId()}, {$push: {likes: {movieId: movieId, information: informationObj}}})
Run Code Online (Sandbox Code Playgroud)
但要么是错误的,要么SimpleSchema的验证有一些问题(虽然它没有抱怨),因为我得到的只是一个数组中的空对象!不,这些价值观本身并没有错,我已经检查过了.
有问题的字段的SimpleSchema如下所示:
likes: {
type: [Object],
optional: true
}
Run Code Online (Sandbox Code Playgroud)
我试过阅读文档,但我真的不明白什么是错的.有谁知道?
新版本的软件包u2622-persistent-session崩溃了我的整个应用程序,没有希望对其进行故障排除,所以我很自然地希望将其降级到0.3.5,但发现它是不可能的.
我把git中的所有内容都回滚到了一切正常的版本,没有运气.
我手动删除了包meteor add u2622:persistent-session@0.3.5,没有运气.
我更改了0.4.4文件中的值,packages但它会立即再次更改.
我该怎么做才能降级包裹?
我正在使用如下所示的collection2包:https://github.com/aldeed/meteor-collection2
我已经设置了一个简单的模式,其中只有email一个非可选值,但尽管这样简单,每次声称"需要电子邮件"时验证都会失败.
我的架构:
Schema.UserProfile = new SimpleSchema({
firstName: {
type: String,
regEx: /^[a-zA-Z-]{2,25}$/,
optional: true
},
lastName: {
type: String,
regEx: /^[a-zA-Z]{2,25}$/,
optional: true
},
birthday: {
type: Date,
optional: true
},
likes: {
type: [String],
optional: true
}
})
Schema.User = new SimpleSchema({
username: {
type: String,
regEx: /^[a-z0-9A-Z_]{3,15}$/,
optional: true
},
email: {
type: String,
regEx: SimpleSchema.RegEx.Email
},
verified: {
type: Boolean,
optional: true
},
createdAt: {
type: Date,
optional: true
},
profile: …Run Code Online (Sandbox Code Playgroud) 我不敢相信这个问题以前从未被问过和回答过.
如何在Meteor中添加og标签供Facebook阅读?只是把它放在它之间<head>,</head>不适用于og标签,但它确实适用于常规元标签.
是的,让我们说现在我完全满足于静态地做这件事.
之前,我使用了自制提交调用,这样我可以有没有形式<form>和<input>按钮.一个按钮可以是这样的:
<div class="ui big green button">This is a long button that should not go off screen</div>
Run Code Online (Sandbox Code Playgroud)
但是,现在,我已经切换到另一个前端库,所以我必须这样做:
<input type="submit" class="ui big green button" value="This is a long button that should not go off screen" />
Run Code Online (Sandbox Code Playgroud)
然而,这需要注意我的input按钮不响应窗口大小,即当窗口很小时它不会变厚,而是从屏幕上消失.
我认为这是因为一些奇怪的样式会自动添加到input我无法触及或更改的位置:
user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
align-items: flex-start;
text-align: center;
cursor: default;
color: buttontext;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: buttonface;
box-sizing: border-box; …Run Code Online (Sandbox Code Playgroud) meteor ×6
javascript ×3
css ×2
html ×2
compose-db ×1
deployment ×1
facebook ×1
meteor-up ×1
mongodb ×1
package ×1
schema ×1